DEV Community 👩‍💻👨‍💻

Rishi Raj Jain
Rishi Raj Jain

Posted on • Updated on

SEO Meta Tags for your Articles

I always felt that I needed list of tags that I can just copy paste for each blog/article. Just crawled through medium blogs source code and some other guides online and I present you the best "basic" set of SEO Meta Tags for your article(s).

Descriptive, Author and Article Meta Tags

<title>title</title>
<meta property="title" name="title" content="<title>">
<meta property="description" name="description" content="<description>">
<meta property="author" name="author" content="<author>">
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta property="referrer" name="referrer" content="unsafe-url">
<meta property="article:author" name="article:author" content="https://medium.com/@<medium-handle>">
<meta property="article:published_time" name="article:published_time" content="<date-time>">
Enter fullscreen mode Exit fullscreen mode

Open Graph Tags

<meta name="og:url" property="og:url" content="<blog-link>" />
<meta name="og:type" property="og:type" content="article" />
<meta name="og:title" property="og:title" content="<blog-title>" />
<meta name="og:description" property="og:description" content="<blog-excerpt>" />
<meta name="og:image" property="og:image" content="<blog-image>" />
<meta property="og:locale" content="en_IN" />
Enter fullscreen mode Exit fullscreen mode

Structured Data

<script type="application/ld+json"> 
// Read more on https://developers.google.com/search/docs/guides/intro-structured-data
      {
        "@id": "",
        "@context" : "http://schema.org",
        "@type" : "",
        "name" : "",
        "description": "",
        "url" : "",
        "logo": "",
        "sameAs" : [""]
      }
</script>
Enter fullscreen mode Exit fullscreen mode

Twitter Tags

<meta name="twitter:card" content="summary_large_image" /> <!-- <meta name="twitter:card" content="summary" /> -->
<meta name="twitter:site" content="@<twitter-id>" />
<meta name="twitter:title" content="<blog-title>" />
<meta name="twitter:description" content="<blog-excerpt>" />
<meta name="twitter:image" content="<blog-image" />
Enter fullscreen mode Exit fullscreen mode

Got suggestions to improve? Drop them in comments ✨

Top comments (0)

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.