The same goes for titles and descriptions. This is a limitation of how these platforms work. The Facebook social image is used, by default, for all other networks/systems.
It’s impossible to specify different images/formats/files for different networks, other than for Facebook and Twitter.There are some complexities around how different platforms use these tags, treat your images, and support different rules. But optimizing your Open Graph markup isn’t as simple as just picking a good social image. Using social images that are too large, too small, or the wrong dimensions can result in errors, or in platforms omitting your images entirely. Optimizing the composition, dimensions, and even the file size of the social image you use can influence whether somebody clicks and the quality of their experience. This tag defines the picture which shows up when users share your content across social networks, apps, and other systems. The og:image tags are particularly important because Open Graph tags most commonly play a role in social sharing dialogues. Most websites (and those running the Yoast SEO plugin) automatically output elements like these for all pages, posts and archives. This function checks that an image is square.It defines a set of meta tags which allow you to provide information about the type of content on a page (e.g., “this is a page about a movie”), metadata about that thing (e.g., “it’s called Star Wars – The Last Jedi”), and how it should be presented when shared. You can specify it using a validator custom:yourFunctionName. Need to validate a value with something more complex than a regular experession? As with custom validators, simply add a new function to the $custom_functions array in $custom.php. You can specify it using a selector custom:yourFunctionName. Need to find something in the document by something other than a CSS selector? Simply add a new function to the $custom_functions array in custom.php. Matches values beginning with http and containing the string _NS_. Matches values which do not contain replace this. For writing your own rules, Regexr is a useful resource. The meta tags's contents are considered 'ok' if the regex finds a match.īelow are a few examples to get you started. If you're customising the schema, you'll need to write your rules using regular expressions (regexes). (optional) URL with further information about meta tag. Other options: 'url', 'strict-url' (see below for more details). (optional) Set to 'image' if result should be a JPG/PNG/GIF. (optional) Used to sort tags into groups. Human-readable description of the pattern. Make sure to escape slashes (so it's valid JSON) and leave out the global 'g'. Regex (regular expression) which validates content of tag. (optional) Tag property to get content from. The meta tags and their rules are specified in config/schema.json. In addition to the main results page, you can get a JSON representation of the results by adding /api/ to the URL.
Optional: Customise the JSON schema (see below for further instructions).Upload to your web host, in any directory.
Easy to customise which tags are checked and their validation rules.Results can be accessed programmatically via API.Check tags exist and have valid contents.Having correct meta tags can improve SEO and clickthroughs on social networks. A customisable validator for web page meta tags, including Facebook open graph tags and Twitter card tags.