Preview and Generate Open Graph Meta Tags
Find out how Facebook and Twitter display your website!
Help Search Engines Understand Your Website
Meta tags are one of the most basic elements of HTML, it's a snippet of text used to describe the page. The HTML code hides the tags so you won't actually see it when you browse the page.
Social networks and messaging apps use theOpen Graph meta tags to display your website.
Well-Crafted Title and Description Boost Your Click-Through Rates
Title tag is an HTML element that specifies the title of a web page. Search engines display the title tag on the search result page.
Title tag is important for SEO and social sharing, you should use it to describe the content of the page.
Best practices: Keep your title under 60 characters.
<title>Product Hunt – The best new products in tech.</title>
Meta description is an HTML element that provides a brief summary of a web page. Search engines display the meta description on the search result page.
Best practice: Keep your description between 155 - 160 characters.
<meta name="description" content="Product Hunt is a curation of the best new products, every day. Discover the latest mobile apps, websites, and technology products that everyone's talking about.">
Frequently asked questions
Can't find the answer you're looking for? Check our FAQs page for more info.
- What is Open Graph meta tags?
Open Graph is a protocol introduced by Facebook in 2010 to allows deeper integration between Facebook and any web page. It allows any web page to have same functionality as any other object on Facebook. You could control how your website is being displayed on Facebook. Now, other social media sites such as Twitter, LinkedIn are recognizing Open Graph meta tags
- How to add meta tags in HTML?
Use free tool such as OpenGraph.xyz to generate meta tags for your website, and copy the meta tags in the <head> element before the closing </html> tag.
- Can I add meta tags in the body element?
Meta tags are only allowed in the head element. Adding meta tags in the body will result in invalid markup.
- What is the image size for Open Graph?
Use images that are at least 1080 pixels in width for best display on high resolution devices. Facebook recommends using 1:1 images in your ad creatives for better performance with image link ads.