Some Top Meta HTML Tags To Consider For SEO
Learn how the HTML meta tag defines document metadata, including charset, description, keywords, author, and viewport settings inside the head element.
Some Top Meta HTML Tags To Consider For SEO
The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. <meta> tags always go inside the <head> element, and are typically used to specify the set, page description, keywords, author of the document, and viewport settings.
Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services. There is a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag.
Meta Tags
Meta Title Tags
It is the main and most important anchor, typically appearing as a clickable headline in SERPs as <title> and also shows up on social networks and in browsers. Title tags are placed in the <head> of your webpage and are meant to provide a clear and comprehensive idea of what the page is all about.
Google may rewrite title tags based on factors like title length or relevance to the search query, and to minimize the chance of rewriting, make sure your title is informative, user-friendly, reflects what the page is about, and matches the H1 tag on the page. Example of a title tag more likely to be rewritten since it contain keyword stuffing and not optimized for users but for search engines: <title>Easy Healthy Delicious Dinner Recipes | Best Healthy Dinner Recipes</title>, which instead, I would change it to: <title>Easy and Healthy Dinner Recipes for Quick, Delicious Meals at Home</title>.
Meta Description Tags
Meta description also resides in the <head> of a webpage and is commonly displayed in a SERP snippet along with a title and page URL. For example, consider the meta description for this article: <meta name="description" content="HTML tags are crucial for SEO more than ever before. In this post, I’m sharing the top 10 HTML meta tags you need to know."/>
It requires optimization effort to attract users’ (and Google’s) attention. no need to write every keyword instead, write couple of cohesive sentences that describe the gist of your page with some keywords included. And as with title tags, Google rewrites meta descriptions in about 70% cases.
Robots Meta Tag
This include detailing on how the page- and text-level settings can be used to adjust how Google presents your content in search results. You can specify page-level settings by including a meta tag on HTML pages or in an HTTP header. You can specify text-level settings with the data-nosnippet attribute on HTML elements within a page.
The <meta name="robots" content="noindex"> rule applies to search engine crawlers. To block non-search crawlers, such as AdsBot-Google, you might need to add rules targeted to the specific crawler (for example, <meta name="AdsBot-Google" content="noindex">).
Canonical Link Tag
The rel=”canonical” link tag is a way of telling search engines which version of a page considered as main one and would like to be indexed by search engines and found by people. It must contain meta tag telling search engines which version of the page URL needs to be displayed in search result pages, as webpages can have an infinite number of accessible URLs that do not change the content.
Social Media Meta Tags
Facebook initially introduced Open Graph to let you control how a page would look when shared on social media. Facebook is a great social media platform for sharing your new content. Creating a new post from your website article is as simple as inserting the link into a new Facebook post box.
Twitter cards offer similar enhancements but are exclusive to X (Twitter). Some of the main Open Graph tags: og:title, og:url, og:description, og:image.
Make use of the particular social media meta tags to improve the way your links appear to your audience. It is not a huge tweak and does not influence rankings on search engine. But, by configuring how links to your pages look, you can greatly boost your CTR and UX metrics.
Viewport Meta Tag
Viewport meta tag is an HTML element used for controlling the webpage layout and scaling on devices, and telling the browser about adjusting the page’s dimensions and scaling to match the screen size of the device being used.
Meta Charset
The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. <meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings. Metadata will not be displayed on the page, but is machine-parsable. Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.
HTML Elements
Heading Tags (H1-H6)
The <h1> to <h6> tags are used for defining HTML headings. <h1> defines the most important heading. <h6> defines the least important heading.
These HTML heading tags are used to identify different sections of a page’s content and act as mini-titles for different parts. Although H2-H6 tags were initially used for UX purposes, the introduction of passage indexing in 2021 made them pretty valuable. Like, Google can index and rank a part of your page if the query matches with, say, the H3 heading and the paragraph it is related to.
HTML Attributes
Image Alt Attributes
The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user, for some reason cannot view it (because of a slow connection, an error in the src attribute, or if the user uses a screen reader).
Alt attributes are important in terms of on-page optimization for two reasons that Alt text is displayed to visitors if any particular image cannot be loaded (or if the images are disabled), and the second reason is that Alt attributes provide context because search engines can’t “see” images.
