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 accurateWhy 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
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
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
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 to
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 tonoindex, 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
Adding schema data toyour site can provide you with ahuge competitive advantage. Many websites are still
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
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 in
- How toMake Your Ecommerce Product Catalog Searchable ԻFlexible
- The Ecommerce Guide toSEO That Never Gets Old
- How toGet Free Backlinks forYour Online Store
- AHighly Effective SEO Strategy ToIncrease Traffic
- Following Google Recommendations
- Boost Ranking onGoogle with GTIN ԻBrand Names
- Your Guide ToThe Perfect Web Address
- How todoKeyword Research Best Practices
- Search Engine Optimization For Beginners
- The Ultimate Guide toLocal SEO
- The Best SEO Analysis Tools For Ecommerce
- SEO Meta Tags: The Ultimate List
- Make Your Products More Discoverable inSearch Engines
- 6Common SEO Practices You Need toLeave inthePast