Meta Tags and Open Graph Tags Template

At this point, you know everything you need to know about getting started with on-page search engine optimization. So, we wanted to conclude this module with a complete list of the meta tags that you should have on each page on your site. Feel free to simply copy paste this template and then edit it to your needs!

While there are more optimizations you could implement, like schema markup, the tags and best-practices we talked about in this module can easily get you to 100,000+ unique visitors per month on your blog.

Our Meta Tags and Open Graph Tags Template below can be added onto each page, and some content management systems may handle this automatically. There are also powerful (free) plugins, for example Yoast SEO for Wordpress, that can make implementing these tags easier for you.

That being said, implementing meta tags and open graph tags can also be done manually on static pages or in dedicated custom fields in a CMS (like Wordpress or Webflow). Whichever method you use, don’t skip adding these tags to your pages.

<title>Your page title</title> (relevant search keyword should be as much “left” as possible)
 
<meta content="your meta description (this should entice the *human* and appears under the title in the search engine results)" name="description"/>
 
<link rel="canonical" href="PULLING IN THE URL OF THE ARTICLE - or paste the URL of the page here" />
 
<meta property="og:locale" content="en_US" />
 
<meta property="og:type" content="article" />
 
<meta property="og:title" content="PULLING IN THE TITLE OF THE ARTICLE - or copy paste the title of the <title> tag here" />
 
<meta property="og:description" content="PULLING IN THE DESCRIPTION TEXT FROM THE META DESCRIPTION MODULE (or just copy paste the same description here)" />
 
<meta property="og:image" content="URL to a picture with 1200x600px dimensions - this is the image that will automatically be pulled and be displayed in social feed or on a slack channel when somebody is simply copy/pasting the page URL" />
 
<meta property="og:url" content="PULLING IN THE URL OF THE ARTICLE - or paste the page URL here" />
 
<meta property="og:site_name" content="YOUR COMPANY NAME" />
 
<meta property="article:section" content="WHAT YOUR PRODUCT DOES, FOR EXAMPLE SOFTWARE TESTING" />
 
<meta property="article:published_time" content="PULLING IN THE ORIGINAL PUBLISHING DATE - or just write the publishing date here yourself YYYY-MM-DD" />
 
<meta name="twitter:card" content="summary_large_image" />
 
<meta name="twitter:description" content="PULLING IN THE DESCRIPTION TEXT FROM THE META DESCRIPTION MODULE (or just copy paste the same description here)" />
 
<meta name="twitter:title" content="PULLING IN THE TITLE OF THE ARTICLE - or copy paste the title of the <title> tag here />
 
<meta name="twitter:image" content="URL to a picture with 1200x600px dimensions - this is the image that will automatically be pulled and be displayed in social feed or on a slack channel when somebody is simply copy/pasting the page URL" />