By adding Open Graph tags to your website, you can control the way your content is displayed, including the title, description, thumbnail image, and more.
#SOCIAL MEDIA META TAG CODE#
You can add a title, description and image tag for Facebook and Twitter. Open Graph Meta Tags are pieces of code that help define how your website should look when shared on social media platforms like Facebook and Twitter. Try to stay close to a 1.19:1 ratio to avoid your image being cropped Yoast provides users the possibility to add social media metatags. It should be at least 600x315px – ideally 1200圆30px. Like meta description tags on web pages, social meta tags give website owners a bit of control over what content shows up when their web page is shared on.
Not to mention the fact the OG meta tags are also recognized by some other websites or apps (I think about e.g. This is only one example of why you would want to use a proper Open Graph title. Description – A two- or three-sentence summary of the page you're sharing The Essential Meta Tags for Social Media while the bottom part will show as the website.Perhaps it's the name of your project, the title of your website home page or the title of the blog Title – The main name of the thing you're sharing.There are four required properties that are required: title, description, image and url. Fill this in to set the og:title, og:description, and og:image tags. Social meta tags work in a similar way for social media platforms. Open graph is the schema used by Facebook and LinkedIn, amongst others Go to the editor for a post or page, then scroll down. Fortunately, it's super simple to do, and we're going to go through it in this post. Take note and save the image URL from whichever hosting service you use, as well as the image dimensions (width and height in pixels).To make the right things happen, we need to write some code in the head of our website. A meta tag provides information about the title, description, and About is a leader in SEO optimization, digital marketing, social media and conversion.See our article for more details about image hosting.
#SOCIAL MEDIA META TAG FREE#
You'll want to upload the image to a free external image hosting service, such as Amazon Web Services ( AWS ).
#SOCIAL MEDIA META TAG INSTALL#
To update the appearance of your social media posts while building your landing page in the Classic Builder, you can install Open Graph Tags. A favicon is an image of your brand's logo or icon that appears in the browser's address bar and next to the landing page's title. Keywords: Include keywords that pertain most to your landing page's business or purpose.įavicon: Upload your favicon image directly in Smart Builder. Keep it concise and be mindful of the wording. The Essential Meta Tags for Social Media in examples by Artem Diashkin Geek Culture Medium 500 Apologies, but something went wrong on our end. Title: This will be the title of your landing page that you'd like to appear on your social sharing site.ĭescription: A short introduction or description of your landing page. Other social media sites are also taking advantage of social meta tags. Upload an image of your choice as a benchmark, we recommend an image size of 400 x 300 (width x height) pixels. This image is only visible when sharing the link to your landing page. Social Sharing Image: This image appears whenever you share a link to your landing on a website, such as Linkedin, Twitter, Facebook, and so on!
0 kommentar(er)
