How to configure Open Graph tags

reyehi

Keep in mind that this tag is also probably the most important Open Graph tag since it occupies the most important position in social feeds . syntax <meta property="og:image" content="https://ahrefs.com/blog/wp-content/uploads/2020/01/fb-open-graph-1.jpg" /> best practice For "shareable" pages (homepage, articles, etc.), use a custom image to represent the article. Use your logo or other branding images on other pages. For best clarity on all devices, use a 1.91:1 ratio and minimum recommended image size of 1200x630. og:type Type of object to share. (e.g. article, website, etc.) syntax <meta property="og:type" content="article" /> best practice Use article for articles and website for other pages .



If you wish, explain the object type further (optional). og:description A meta tag that provides a brief description of the content. syntax <meta property="og:description" content="Learn about 13 features that set Ahrefs apart from the competition." /> best practice Western Sahara Email List Complement your title to make your snippet as appealing and clickable as possible. Copy the meta description here if it makes sense. Try to keep sentences short and easy to understand. Facebook recommends 2-4 lines of text, but that's often too long and gets truncated. og:locale Define the language of your content. syntax <meta property="og:locale" content="en_GB" /> best practice Use only for content not written in American English (en_US). Facebook assumes that content without this tag is written in this language (en_US). How to configure Open Graph tags Choose your website platform from the list below or follow the instructions here.





WordPress Shopify Wix Squarespace Setting up Open Graph tags in WordPress Install the Yoast SEO plugin . Go to your post or page's editor and scroll down. You should see a box for Yoast SEO. Click on the “Social” tab and then click on “Facebook”. Fill in the og:title , og:description , and og:image tags to set them. There is no need to set og:url manually. Yoast will do it for you. It also adds other useful OG tags such as image size. Note : If you do not set an OG image and your post has an image you want to highlight, Yoast will use that image by default. It also adds other Open Graph and Twitter Card tags that would be a waste of time to set manually, such as site name and image size. It is also a best practice to set a site-wide og:image tag. This will appear if no custom tags are set for the shared URL.