The markup elements of Instant Articles will help you recreate the structure and layout of the content you normally publish on the web. By the same token, the design hierarchies and content architectures you use in Instant Articles should parallel your own web versions as closely as possible. The markup elements in Instant Articles make it possible to do this, but when exact analogs aren’t possible, the correct use of Instant Article features takes priority. Markup elements in Instant Articles should be used only for their intended functions, and misapplication of elements is not allowed.
To avoid common design mistakes, use Instant Article markup elements correctly. The customizable elements work together to create a clear, easy-to-follow layout in all your articles. Keep in mind these specific guidelines and best practices:
Instant Articles must not contain formatting that creates a confusing experience or which makes articles appear broken. For example:
Avoid pixelated images as a best practice. Images and videos should render details sharply in the screen sizes and display styles Instant Articles supports. Minimally, media in Instant Articles must have the same resolution as or better than in your web versions.
Images that zoom fullscreen should provide sufficient resolution to enable a good viewing experience for your readers. Disable the interactive tap-to-expand function in Instant Articles if a photo or video does not meet the following minimum resolution thresholds:
Apply the built-in Facebook Likes, Comments and Shares to all media elements in your articles, unless you have a specific editorial reason not to do so. Enabling Likes, Comments and Shares multiplies the opportunities to increase organic reach and engagement.