#Social media meta checker full
#Social media meta checker tv

You can also set the site name manually, if the title doesn’t give that away. There’s also og:video and og:audio tags that work the same way, but for video and audio respectively. Images have a lot of configuration options: If you want an image to show with your embed, you’ll need to set that as well. You’ll also want to set the URL tag to link back to your site. Various music related tags, some of which are whitelisted on sites like Facebook.įor optional parameters, you need to add a separate meta property with the parameter name.

There are also tags for movies and TV shows, with their own parameters. video.other, which represents a video.profile, which represents a user, and has options for first_name, last_name, username, and gender.article, which represents a news/blog post, and has the optional parameters of published_time, modified_time, author, section, and tag.It also allows different kinds of optional parameters depending on the type. The og:type tag is also very important, because it tells sites what kind of content you’re linking, and how it should be formatted. Optionally, if your title doesn’t get the job done, you can add an extended description: Even if your embed is representing an object instead of a page, it should still have a title explaining what it is. this is an extremely simply tag, but is necessary for everyone. Twitter will recognize OG tags, but it’s worth noting that they also have their own tags as well which will take priority.

You can find the full list of them on the Open Graph website, but we’ll cover the important ones here. It’s a simple format, but there’s quite a few options that most websites will recognize. This results in a simple embed like the following: This sets the image, title & link, description, and tells sites that it is a website. When an image fails to load a warning is shown, so you can see at a glance if there's any issues you need to remedy.For example, a basic setup for most websites looks like the following: The data is sorted by type and richly displayed where possible, meaning we automatically detect links, images and arrays and display them accordingly. When found, the meta panel displays JSON-LD, Microdata and RDF structured data. If you added a theme color it is displayed in the general overview as well. When your site has a web app manifest file we'll parse and display its contents so you can check if they are as you expect them. When your site has a humans.txt, Polypane downloads and shows that in the Meta panel. Polypane only parses robots.txt files that send the appropriate content type.

When your site has a robots.txt, Polypane downloads and parses it, then checks if the current URL is blocked by any of the defined User-agents, and if you use declarations known to not be supported by any of the specified User-agents, or when you have duplicates in your list. 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, 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.

#Social media meta checker tv

#Social media meta checker full