Skip to content
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

Merged
merged 6 commits into from Apr 12, 2018

Conversation

dreamofabear
Copy link

Partial for #11989.

/to @bpaduch @newmuis

@dreamofabear dreamofabear requested review from a user and newmuis March 22, 2018 04:55
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.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

s/engagin/engaging/

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.
Copy link
Contributor

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]
Copy link

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.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.


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.
Copy link

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"


##### poster-portrait-src [required]

The story poster in portrait format (3x4 aspect ratio).
Copy link

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."

Copy link
Author

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.


##### publisher-logo-src [required]

A publisher's logo in square format (1x1 aspect ratio).
Copy link

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.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

William Chou and others added 2 commits March 26, 2018 11:41
@dreamofabear dreamofabear merged commit 8430605 into ampproject:master Apr 12, 2018
@dreamofabear dreamofabear deleted the stamp-metadata-docs branch April 12, 2018 04:42
glevitzky pushed a commit that referenced this pull request Apr 27, 2018
* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants