Thread by @swapnakpanda

10 HTML Tags and Attributes for SEO

⇩

📋 Table of Contents

We will discuss about

➊ <title>
➋ <meta name = "description" >
➌ <h1> to <h6>
➍ <img alt="...">
➎ <a rel="nofollow">
➏ <meta name = "robots" >
➐ <link rel = "canonical" >
➑ <meta name = "viewport" >
➒ Open Graph Tags
➓ Twitter Card Tags

🔍 Introduction

❑ When search engines crawl a website, it goes through all the HTML documents.

❒ Various HTML tags and, attributes help search engine to determine what your content is about and, how to categorise it.

❑ So all these may affect how your website performs.

➊ <title>

❑ Most results you see in search engines are derived from the title tag.

❒ The title appears in the SERPs, and allows you to signify the relevance of a page to a searcher’s query.

❑ Use appropriate titles. Do not use misleading or, clickbait types.

➋ <meta name = "description" >

❑ Like title, this information also appears in search results.

❒ It’s best if you use your keyword in the title as well as the meta description tag. It improves how search engines list your content.

➌ <h1> to <h6>

❑ Heading tags are often used to break up the content so that it is easier to find relevant information.

❒ Heading tags are also what search engines use to help determine segments of content and create featured rich snippets.

➍ <img alt="..." >

❑ An important part of engaging with audience is through using images.

❒ While images add visual enhancements, how can it help search engines as well?

❑ Using "alt" attribute, we can specify the purpose and increase exposure during image searches.

➎ <a rel="nofollow" >

❑ Links are vital in SEO. Linking out to something which is irrelevant to your topic may result in search penalties.

❒ Using “nofollow”, it creates a link to a webpage but tells search engines to ignore the connection.

❑ Along with "nofollow", "sponsored", "ugc" like values are also used to ignore the connection.

❒ "sponsored" is used for sponsored links whereas "ugc" is used for user generated content links.

➏ <meta name = "robots" >

❑ Some of your pages may not be for any value addition purposes. But they may impact your SEO rank.

❒ To stop crawlers accessing these pages and ultimately not being indexed, "robots" meta tag is used.

✧ <meta name="robots" content="noindex">

➐ <link rel = "canonical" >

❑ A website may be accessed in variety of ways

http://www.example .com
https://www.example .com
http://example .com
https://example .com

❒ Using "canonical", it essentially tells search engines what domains are the most important to you.

➑ <meta name = "viewport" >

❑ In today's world, majority of people use mobile to access websites. It's crucial to have a mobile-friendly website.

❒ If you don't have one, search engines may stop showing your website in results for searches made from a mobile device.

➒ Open Graph Tags

❑ These days websites are accessible through social media platforms like Facebook, Instagram.

❒ Open Graph tags help in boosting search and display results in social media.

✧ <meta name="og:title" property="og:title" content="My Title">

➓ Twitter Card Tags

❑ Open Graph isn’t the only way, Twitter has its own platform called “Cards”.

❒ Twitter Cards work similar to OG with the exception that these are specifically for Twitter.

✧ <meta name="twitter:card" content="summary" />

💭 Final Words

❑ To make your website have better visibility in search results, it's very important to give importance on these HTML tags and attributes for SEO.

❒ You may be using a CMS like Wordpress which may be doing these for you. But knowing about these is never bad.

End of 🧵

Please share your feedbacks on this content in 💬

Are you a web developer and looking for Web Development and, SEO related tips? I am sharing regular contents on those.

To never miss any, Follow Me ✅