51Ƶ

SEO Meta Tags: The Ultimate List And Why They Are Important

Meta data isHTML code that isincluded inthe

section ofHTML documents. This code does not affect theweb design inanyway, itisonly there forthesearch engine spiders toread. This code tells thesearch engine bots many details about thewebsite. Providing accurate meta-data helps thesearch engine index Իrank your website more accurately.

How tosell online
Tips from e-commerce experts forsmall business owners Իaspiring entrepreneurs.
Please enter avalid email address

Why IsMetadata Important?

Metadata can mean thedifference between ranking ornot ranking foragiven keyword. Ifyour competitors have good content, but they don’t fill out all their meta-data options, then you can still beat them. SEO isabout building astack ofcredibility factors with Google. Google has asked webmasters toprovide this information, Իthey reward those who doso.

How DoIEdit Metadata?

Ifyou are writing your code byhand, then there are many guides available online that provide theexact code snippets that you can include inthe section ofyour HTML documents.

Most website design Իecommerce platforms provide features that allow you toset themetadata foreach page, product, Իblog post within your website. 51Ƶ provides extensive options forediting meta-data Իmaking other SEO customizations. Shopify has amore limited set ofSEO options. WordPress has several well known plugins that provide theability toedit meta-data.

Types ofMetadata

Meta Title &Meta Description

The most famous types ofmetadata are thesite title Իdescription. Filling out these items foreach page onyour website isone ofthesimplest ways toimprove your SEO rankings. Despite how easy itistodo, there are many sites that are not optimized inthis manner.

The content ofboth ofthese meta tags isdisplayed intheSERPS. The page title meta tag isused fortheanchor text ofthelink toyour website inyour search result listing. The description meta tag populates your site description inthesearch results. Ifyou don’t have these meta tags filled out, Google will try toauto generate theinformation from your site content…if itbothers torank your site atall.

That’s how 51Ƶ Ecommerce meta title Իmeta description look inGoogle SERP

Title tags should benomore than 60characters long, Իshould include thekeyword forthepage. Write acompelling site title that encourages theuser toclick onyour listing. Atitle meta-tag looks like this:

This IsAnExample ofAWebsite Title Tag

Description tags should bebetween 140Ի160characters long. The keyword should beused naturally inthefirst sentence. Ifyou donot write ahigh quality description Google will disregard itԻtry toauto-generate abetter one. Adescription tag looks like this:

Keywords meta tag

There used tobeameta tag that listed thekeywords associated with thepage. This meta tag has been discontinued asaranking factor byGoogle forover adecade. All other major search engines have also published statements disavowing theuse ofthekeywords meta tag. While you will not bepenalized forusing this tag, itwould beawaste oftime Իeffort todoso.

The Robots meta tag

Robots meta tags are different than therobots.txt file. Robots.txt tells therobots which pages they should crawl. Robot meta tags tell therobots which pages toindex.

Inmost instances, you dowant therobots toindex thepage. Therefore, thedefault value fortherobots meta tag is, “index, follow”. However, thevalues can bechanged to“noindex, nofollow” onspecific pages that wedonot want listed insearch results.

The robots meta tag looks like this:

Meta tags foroutbound links

There are afew markup tags foroutbound links, but these are abit different than therest ofthemeta tags. Instead ofbeing included inthe section of theHTML page, these tags are added tothelink markup.

The rel markup tag foroutbound links has three possible values; sponsored, ugc (user generated content), Իnofollow. Alink can contain multiple rel values. Google has published aguide tothese meta tags titled, “.

Meta Viewport

The viewport meta tag isvery important because ittells thesearch engines that your site ismobile friendly. Without this meta tag, your website will not show upinmobile search results.

Aviewport meta tag looks like this:

Web.dev has published thedefinitive article onthis topic, titled “. Most web design Իecommerce platforms will automatically set this meta tag foryou, Իwill also have already applied responsive CSS code totheir visual designs. Ifyou are coding from scratch orjust want tounderstand thenuts Իbolts ofthematter, this guide isforyou.

Social Media Meta Tags

These meta tags control theway your links are displayed onsocial media sites. You can control your site title, description, featured image, Իmore. Open Graph isthepredominant form ofsocial media metadata, but schema data isused toprovide similar functionality forsocial platforms not supported byOpen Graph.

Open Graph Markup

Open graph meta tags were created byFacebook, but they are also used byTwitter. You will use multiple Open Graph meta tags todefine thedisplay properties ofyour links onFacebook. You can apply OGmeta tags topages Իimages.

Twitter Card Markup

Twitter also uses Open Graph meta tags tocontrol theway links are displayed onits platform. The values are different from theFacebook OGtags, soyou must define thevalues forboth sites. Twitter OGvalues can only beapplied topages.

Schema forLinkedin, Google+ &Pinterest

While schema isnormally served inaJSON file, there issome schema markup that can beadded tothe

section ofanHTML page. These tags can beused todefine theway links are displayed onsocial media platforms that donot use theOGprotocol.

Other Types ofMetadata

There are many other types ofobscure metadata that can beused within the

section ofyour website Իoccasionally within theHTML body. Google publishes alist ofall ofthecurrently recognized forms ofmeta tags Իtheir possible values. The list istitled “.

Schema Markup AsMetadata

Schema markup isamore recent development than metadata. Itserves thesame purpose, however. Both metadata Իschema markup serve data tosearch engine spiders inorder tohelp them more accurately crawl, index, Իrank websites.

There are many different types ofschema markup, Իseveral methods ofdelivering schema data. While there are not many meta tags tochoose from, thesheer variety ofschema markup can often beoverwhelming topeople who are learning touse it.

While almost all website builder Իecommerce platforms provide ways toedit your meta tags, implementation ofschema data editing ispatchy atbest. Some platforms auto-create schema data, others allow you editing options, Իthevast majority simply ignore schema data all together.

Adding schema data toyour site can provide you with ahuge competitive advantage. Many websites are still un-optimized according totheolder meta tag technology standards. Ifyou make sure your meta tags are properly customized Իalso implement schema data, you will blow your competition out ofthewater!

First, you need toreview thedifferent types ofschema data Իdecide which ones you want toinclude inyour site. Then you need tocollect thedata necessary tofill out thevalues. Once you have done this preparation you can use aschema generator tool toproduce your JSON-LD file.

Once you have generated your schema data you need totest itwith aschema validator tool.

SEMRush has produced adetailed guide called “. This guide covers themain types ofschema markup, Իprovides links tomultiple tools toboth generate Իvalidate your schema markup. Schema data inJSON-LD format can beadded tothe

section ofthewebsite orused throughout thebody section oftheHTML.

About The Author
Max has been working in the ecommerce industry for the last six years helping brands to establish and level-up content marketing and SEO. Despite that, he has experience with entrepreneurship. He is a fiction writer in his free time.

Start selling on your website