These meta tags have a property attribute that contains a value with the og: prefix and the content attribute.
#HTML SOCIAL MEDIA META TAGS FULL#
Link ( Link tag must include the full url to the page. The Open Graph meta tags are used by most of the social media platforms, most known are Facebook and LinkedIn.Image ( Image tag must include the full url to the image.
#HTML SOCIAL MEDIA META TAGS CODE#
Each social media platform can have a range of individualized tags depending on how you would like the page to look when shared, but the goal of this blog post is to give you the 5 Minimum Meta Tags that must be used to allow your page to be shared across all social media platforms, while keeping your code as DRY as possible.Įach page that you wish to control the appearance of when shared on a social media platform requires at a bare minimum these meta tags for this information: They use their own particular required tags to fill in the appropriate card data such as: an image, a title, a description, and a link. The goal of this blog post is to give you the 5 Minimum Meta Tags that must be used to allow your page to be shared across all social media platforms, while keeping your code as DRY as possible.Įach social media site looks for a different (and proprietary) set of tags within your specific pages HTML source code.
Meta tags are snippets of text that dont appear on the page itself. This attribute can accept several values.
This attribute is used to specify that the target URL is designed for special devices (like iPhone), speech or print media. 2 Use Twitter Cards If you’re not using WordPress for your website, then Twitter cards might be a great option for your social shares. While these buttons are fun and often times important to add, it is important to make sure you include the required meta tags the social sites use to load site data that makes a "card" for each page. Page meta tags are used in HTML documents to provide structured data about a web page. The media attribute specifies what media/device the linked document is optimized for. Adding the meta tags manually may take some getting used to but, once you’ve set a few blog posts, you’ll be able to easily add meta tags to all your future posts.
Many developers may add Social Media sharing buttons on pages across their projects, such as blog posts or special content pages that people may find useful when posted on the likes of Facebook, Twitter or LinkedIn. You can add these rich media social sharing capabilities to your site by including certain tags in the of your HTML document.
0 kommentar(er)
