If you have separate images for Facebook/LinkedIn and Twitter, you will need to upload both sizes. Right click the image and select “Open Image in New Tab.” Copy the URL that is in the web address bar in that new tab.Note: You should create a “social” image folder under general images in your file browser so you can find your meta tag images easily. Upload the image file you’ve resized to your site’s file browser.Only the first frame of an animated GIF will be used. JPG, PNG, WEBP and GIF formats are supported. Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 pixels or maximum of 4096x4096 pixels.

You should not use a generic image such as your website logo, author photo, or other image that spans multiple pages.

Web: Truncated to three lines in timeline and expanded TweetĪ URL to a unique image representing the content of the page.

You should not re-use the title as the description or use this field to describe the general services provided by the website. 25 characters or less to optimize for mobile.Ī clear description, concisely summarizing the content as appropriate for presentation within a Tweet. Please follow these specifications to ensure your meta data shows correctly.Ī clear title without branding or mentioning the domain itself. Twitter cards control how your content appears on Twitter. Images can be up to 8 MB in size, but file sizes should be kept under 100 KB for best results. At minimum, you should use images that are 600x315 pixels to display link page posts with larger images. Use images that are at least 1200圆30 pixels for the best display on high-resolution devices. The URL of the image that appears when someone shares the content to Facebook. 25 characters or less to optimize the content for mobile.Ī clear description, at least two sentences long, but 30 characters or less to optimize for mobile. Open Graph tags control how your content appears on Facebook and LinkedIn. These tags provide structured info about the page such as the title, description, and preview image. You can take control of what social crawlers pick up from your site by using meta tags. On a regular HTML page, this content is basic and may be incorrect because the scraper has to guess which content is important and which is not. When someone shares content from your site to Facebook, Twitter or LinkedIn, those platforms’ crawlers will scrape the HTML of the URL that is shared.

Html social media meta tags