#Social media meta tags seo pro#
#Social media meta tags seo code#

Pro tip: Landscape Twitter images in link posts have a pixel size of 1200×675. While you can’t generalize your own user behavior, this process can help you critically examine thumbnail images. Observe your user behavior and question why you click on certain images and not others. Evaluate the analytical data of your own posts. This increases the likelihood that users will click the link to your page. Your image should have a clear focus and a pull effect towards the center of the image.Use rich colors and brighten the image so that your og:image stands out against other content on social media.Make sure your og:image is viewable on small screens. Social networks are predominantly used on mobile devices.It is not worth using the smaller image sizes because otherwise your posts will get lost in the user’s newsfeed. We only recommend the size 1200×630 pixels or a similar size that also has the 1.91 aspect ratio. The og:image can be created in different pixel dimensions. 4 words, same as the og:title, is a good guideline for the og:description as well. Although the maximum allowable length of the og:description changes occasionally, we recommend keeping it short so you’re ready for all current and future Facebook redesigns.Or the og:title could name an unknown notion or unknown concept, while the og:description contains a known element that provides a reference.

For example, the og:title could be informative and the og:description emotional.It must be coordinated with the og:title and round it off.As a general rule, we recommend a length of up to 4 words.įor the og:description we recommend the following: It works in tandem with the og:description.It is helpful if it signals to users that they can find out something new or get useful information when they visit your webpage.It must give a content-related or emotional outlook to your webpage.When composing the og:title you should keep the following in mind: The basic open graph metadata are og:title, og:description, og:image, og:url and og:type. Which open graph meta tags are available? Tip: You can test yourself how your website is displayed. For less important pages, reusable standard pictures, such as your company logo, are completely sufficient as og:image. The result sometimes looks disarranged: Broken Facebook preview, caused by missing OG tagsĪs a WordPress agency, we therefore recommend our customers to include a preview image for each page of their website – even if no image is intended for the screen design of the page.

Particularly problematic are pages that have no images or where design elements such as low-resolution logos or icons are used as the first image in the preview. The page title and the meta description are usually far too long for the preview on social media and are truncated in the middle. The problem: For sites that don’t implement open graph meta tags, Facebook and other social media automatically create the preview from the URL, the page title, the meta description and the first available image. Unfortunately, many website operators do not know that open graph meta tags exist. Here are some examples of open graph meta tags from customer projects of the svaerm WordPress agency: Faebook preview of a page from Kuraray, a specialty chemicals company Facebook preview of an article from the blog of Ambiente, a consumer goods trade fair Facebook preview of an article from Conzoom Solutions, a retail online magazine Social media preview without OG tags

If you have open graph meta tags stored and optimized in the backend or directly in the source code of your website, the social media preview is composed accordingly and looks attractive. This is to give other users a better idea of what to expect when they click on the link. When a social media user shares a link to one of your web pages, a preview is automatically generated in his post. The preview on social media with open graph tags This information is also picked up by other social networks, such as LinkedIn and Discord. The Open Graph Protocol, developed by Facebook in 2010, allows website owners to include meta information on their pages that is optimized specifically for Facebook. Open graph meta tags, also called “OG:meta” or “OG tags”, give you control over how your web pages are previewed on social networks. how they can improve your company’s online presence,.which open graph meta tags are available,.It’s not easy to turn an impression on social media into a customer – but open graph meta tags can help you to achieve that.

#Social media meta tags seo code#