New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
amp-story: Metadata docs #14196
amp-story: Metadata docs #14196
Conversation
extensions/amp-story/amp-story.md
Outdated
poster-landscape-src="https://example.com/my-story/poster/4x3.jpg"> | ||
``` | ||
|
||
These metadata attributes will be used for displaying a preview of this story across the AMP Stories ecosystem. For example, these attributes can be used to render an engagin preview link in the bookend of a related story. Providing these attributes will also help ensure your story is future-proof for rich, embedded experiences in AMP Stories surfaces to come. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
s/engagin/engaging/
extensions/amp-story/amp-story.md
Outdated
poster-landscape-src="https://example.com/my-story/poster/4x3.jpg"> | ||
``` | ||
|
||
These metadata attributes will be used for displaying a preview of this story across the AMP Stories ecosystem. For example, these attributes can be used to render an engagin preview link in the bookend of a related story. Providing these attributes will also help ensure your story is future-proof for rich, embedded experiences in AMP Stories surfaces to come. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: s/AMP Stories/AMP stories/
@@ -156,6 +193,22 @@ The `amp-story` component represents an entire story. The component itself imp | |||
|
|||
Identifies that the AMP document is a story. | |||
|
|||
##### title [required] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If these are required, it would make sense to update the sample in the example section (right before this section) so it shows those attributes.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
extensions/amp-story/amp-story.md
Outdated
|
||
These metadata attributes will be used for displaying a preview of this story across the AMP stories ecosystem. For example, these attributes can be used to render an engaging preview link in the bookend of a related story. Providing these attributes will also help ensure your story is future-proof for rich, embedded experiences in AMP stories surfaces to come. | ||
|
||
Note that these metadata attributes supplement and does not replace any Structured Data (e.g. JSON-LD) on the page. We still recommend adding [Structured Data](https://developers.google.com/search/docs/data-types/article#amp-sd) to all your AMP pages, including AMP stories. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
change "does not" to "do not"
extensions/amp-story/amp-story.md
Outdated
|
||
##### poster-portrait-src [required] | ||
|
||
The story poster in portrait format (3x4 aspect ratio). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you expand on this for new users. What would this typically be? For example,
"The poster is an image that displays in the UI until your story is loaded. The poster can generally be the first screen of your story, although any image that is representative of the story."
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added a new section and linked to it.
extensions/amp-story/amp-story.md
Outdated
|
||
##### publisher-logo-src [required] | ||
|
||
A publisher's logo in square format (1x1 aspect ratio). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Suggest adding, "For example publisher-logo-src="https://example.com/logo/1x1.png"
, where 1x1.png
is a 36x36 pixel logo.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
* add metadata reqs to new announcements section in amp-story.md * add attrs in main section and note about structured data * minor fixes * barb's comments * minor fixes * Update announcement date
Partial for #11989.
/to @bpaduch @newmuis