![]() They are both pixel perfect and character perfect, meaning that the text that fits in them will render the same, so you can be 100% sure that your meta previews look the same on the live social media site and in Polypane. These previews match the actual way they are displayed on each of these sites, using the available data in the same way each social media site does. Polypane automatically generates previews for the following:Īll of them in both Dark and Light mode. This way finding the elements you need to fix takes just a single click. Issues show a button that turns on the appropriate debug tool. There are no overlapping tap targets within an area of 48 by 48 pixels.At least 60% of the text on the page is larger than 12px.Has width=device-width in the meta tag. ![]() This check follows the guidelines provided by Google and Bing in determining if a page is mobile friendly: If the site metadata is too long, the overflow is highlighted in red. ![]() Polypane will give you recommendations for your title and description, warn you of invalid values, missing but recommended values, and highlight any duplicate meta tags. Polypane will fill in reasonable defaults for missing values. Polypane highlights some of the more important meta information like title, favicon, viewport declaration, canonical url, description and charset, and divides the rest up in different lists: Open graph tags, Twitter tags, Oembed info, Other meta tags, Resource hints, Link tags and Icons.įor all meta tags you can copy a fully formed HTML string using the "copy" icon that appears when you hover over them. Get a quick overview of the way your site is interpreted by bots and shown in rich snippets. The "Meta" tab in the Info panel shows the metadata of a page as well as social card previews.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |