لیست کامل تگ و متاتگ های html برای بهینه سازی سئو وبسایت

با سلام خدمت شما دوستان و علاقمندان SEO و توسعه وبسایت ، خیلی از ما برای توسعه وبسایت هامون از CMS استفاده می کنیم .خب دوستانی که با وردپرس یا CMS های دیگر کار کارده اند متوجه این موضوع هستند که پلاگین هایی مانند yoast و ... این متاتگ ها را مطابق با فیلدهایی که ما روی هر صفحه /پست پر می کنیم ایجاد می کند.

ولی بعضی وقتا بنا به نیاز مشتری (شرکتی که در آن مشغول هستیم) نیاز است که لندینگ پیج های مختلفی نیز پیاده سازی کنیم.یا اینکه وبسایت مشتری روی stack مشخصی مانند Angular ،React,Vuejs و ... می باشد که نیاز است این متاتگ ها را خودمان به صفحات اضافه کنیم.

در این پست سعی شده است لیستی کامل از متاتگ های html برای بهینه سازی صفحات از نظر سئوتکنیکال خدت شما ارائه گردد.

نکات بسیار مهم در استفاده از این لیست :

۱- قطعا همه ی این تگ ها برای شما کارساز نخواهد بود (نیازی نیست در لندینگ پیج هاتون همه ی این تگ هارو استفاده کنید)

۲- این تگ ها برای مصارف خاصی الان تعریف شدند و طبق نیاز شما بایستی مقادیر رو تغییر بدید.

۳- ممکن است تعدادی از این تگ ها منقضی شده باشند ،‌لطفا اگر نقصی بود یا نکته ای در کامنت اشاره کنید تا تصحیح بشه.

۴- در انتهای نوشته برخی از تگ ها رو توضیح دادم و اگر راجع به تگ دیگری سوال داشتین بپرسید و حتما جوابشو پیدا می کنم و خدمتتون میگم.

متاتگ های html پایه:

<meta name=&quotkeywords&quot content=&quotyour, tags&quot/>

<meta name=&quotdescription&quot content=&quot150 words&quot/>

<meta name=&quotsubject&quot content=&quotyour website's subject&quot>

<meta name=&quotcopyright&quotcontent=&quotcompany name&quot>

<meta name=&quotlanguage&quot content=&quotES&quot>

<meta name=&quotrobots&quot content=&quotindex,follow&quot />

<meta name=&quotrevised&quot content=&quotSunday, July 18th, 2010, 5:15 pm&quot />

<meta name=&quotabstract&quot content=&quot&quot>

<meta name=&quottopic&quot content=&quot&quot>

<meta name=&quotsummary&quot content=&quot&quot>

<meta name=&quotClassification&quot content=&quotBusiness&quot>

<meta name=&quotauthor&quot content=&quotname, email@hotmail.com&quot>

<meta name=&quotdesigner&quot content=&quot&quot>

<meta name=&quotcopyright&quot content=&quot&quot>

<meta name=&quotreply-to&quot content=&quotemail@hotmail.com&quot>

<meta name=&quotowner&quot content=&quot&quot>

<meta name=&quoturl&quot content=&quothttp://www.websiteaddrress.com&quot>

<meta name=&quotidentifier-URL&quot content=&quothttp://www.websiteaddress.com&quot>

<meta name=&quotdirectory&quot content=&quotsubmission&quot>

<meta name=&quotcategory&quot content=&quot&quot>

<meta name=&quotcoverage&quot content=&quotWorldwide&quot>

<meta name=&quotdistribution&quot content=&quotGlobal&quot>

<meta name=&quotrating&quot content=&quotGeneral&quot>

<meta name=&quotrevisit-after&quot content=&quot7 days&quot>

<meta http-equiv=&quotExpires&quot content=&quot0&quot>

<meta http-equiv=&quotPragma&quot content=&quotno-cache&quot>

<meta http-equiv=&quotCache-Control&quot content=&quotno-cache&quot>

متاتگ های OpenGraph برای شبکه های اجتماعی :

<meta name=&quotog:title&quot content=&quotThe Rock&quot/>

<meta name=&quotog:type&quot content=&quotmovie&quot/>

<meta name=&quotog:url&quot content=&quothttp://www.imdb.com/title/tt0117500/&quot/>

<meta name=&quotog:image&quot content=&quothttp://ia.media-imdb.com/rock.jpg&quot/>

<meta name=&quotog:site_name&quot content=&quotIMDb&quot/>

<meta name=&quotog:description&quot content=&quotA group of U.S. Marines, under command of...&quot/>

<meta name=&quotfb:page_id&quot content=&quot43929265776&quot />

<meta name=&quotog:email&quot content=&quotme@example.com&quot/>

<meta name=&quotog:phone_number&quot content=&quot650-123-4567&quot/>

<meta name=&quotog:fax_number&quot content=&quot+1-415-123-4567&quot/>

<meta name=&quotog:latitude&quot content=&quot37.416343&quot/>

<meta name=&quotog:longitude&quot content=&quot-122.153013&quot/>

<meta name=&quotog:street-address&quot content=&quot1601 S California Ave&quot/>

<meta name=&quotog:locality&quot content=&quotPalo Alto&quot/>

<meta name=&quotog:region&quot content=&quotCA&quot/>

<meta name=&quotog:postal-code&quot content=&quot94304&quot/>

<meta name=&quotog:country-name&quot content=&quotUSA&quot/>

<meta property=&quotog:type&quot content=&quotgame.achievement&quot/>

<meta property=&quotog:points&quot content=&quotPOINTS_FOR_ACHIEVEMENT&quot/>

<meta property=&quotog:video&quot content=&quothttp://example.com/awesome.swf&quot />

<meta property=&quotog:video:height&quot content=&quot640&quot />

<meta property=&quotog:video:width&quot content=&quot385&quot />

<meta property=&quotog:video:type&quot content=&quotapplication/x-shockwave-flash&quot />

<meta property=&quotog:video&quot content=&quothttp://example.com/html5.mp4&quot />

<meta property=&quotog:video:type&quot content=&quotvideo/mp4&quot />

<meta property=&quotog:video&quot content=&quothttp://example.com/fallback.vid&quot />

<meta property=&quotog:video:type&quot content=&quottext/html&quot />

<meta property=&quotog:audio&quot content=&quothttp://example.com/amazing.mp3&quot />

<meta property=&quotog:audio:title&quot content=&quotAmazing Song&quot />

<meta property=&quotog:audio:artist&quot content=&quotAmazing Band&quot />

<meta property=&quotog:audio:album&quot content=&quotAmazing Album&quot />

<meta property=&quotog:audio:type&quot content=&quotapplication/mp3&quot />

متا تگ های اپل :

<meta name=&quotapple-mobile-web-app-capable&quot content=&quotyes&quot>

<meta content=&quotyes&quot name=&quotapple-touch-fullscreen&quot />

<meta name=&quotapple-mobile-web-app-status-bar-style&quot content=&quotblack&quot>

<meta name=&quotformat-detection&quot content=&quottelephone=no&quot>

<meta name=&quotviewport&quot content=&quotwidth = 320, initial-scale = 2.3, user-scalable = no&quot>

متاتگ های اینترنت اکسپلورر

<meta http-equiv=&quotPage-Enter&quot content=&quotRevealTrans(Duration=2.0,Transition=2)&quot />

<meta http-equiv=&quotPage-Exit&quot content=&quotRevealTrans(Duration=3.0,Transition=12)&quot />

<meta name=&quotmssmarttagspreventparsing&quot content=&quottrue&quot>

<meta http-equiv=&quotX-UA-Compatible&quot content=&quotchrome=1&quot>

<meta name=&quotmsapplication-starturl&quot content=&quothttp://blog.reybango.com/about/&quot/>

<meta name=&quotmsapplication-window&quot content=&quotwidth=800;height=600&quot/>

<meta name=&quotmsapplication-navbutton-color&quot content=&quotred&quot/>

<meta name=&quotapplication-name&quot content=&quotRey Bango Front-end Developer&quot/>

<meta name=&quotmsapplication-tooltip&quot content=&quotLaunch Rey Bango's Blog&quot/>

<meta name=&quotmsapplication-task&quot content=&quotname=About;action-uri=/about/;icon-uri=/images/about.ico&quot />

<meta name=&quotmsapplication-task&quot content=&quotname=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico&quot />

<meta name=&quotmsapplication-task&quot content=&quotname=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico&quot />

<meta name=&quotmsapplication-task&quot content=&quotname=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico&quot />

<link rel=&quotshortcut icon&quot href=&quot/images/favicon.ico&quot />

تگ های لینک HTML :‌

برای پیاده سازی انواع لینک دانستن این تگ ها کمک شایانی به شما می کند

<link rel=&quotalternate&quot type=&quotapplication/rss+xml&quot title=&quotRSS&quot href=&quothttp://feeds.feedburner.com/martini&quot />

<link rel=&quotshortcut icon&quot type=&quotimage/ico&quot href=&quot/favicon.ico&quot />

<link rel=&quotfluid-icon&quot type=&quotimage/png&quot href=&quot/fluid-icon.png&quot />

<link rel=&quotme&quot type=&quottext/html&quot href=&quothttp://google.com/profiles/thenextweb&quot/>

<link rel='shortlink' href='http://blog.unto.net/?p=353' />

<link rel='archives' title='May 2003' href='http://blog.unto.net/2003/05/' />

<link rel='index' title='DeWitt Clinton' href='http://blog.unto.net/' />

<link rel='start' title='Pattern Recognition 1' href='http://blog.unto.net/photos/pattern_recognition_1_about/' />

<link rel='prev' title='OpenSearch and OpenID?  A sure way to get my attention.' href='http://blog.unto.net/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/' />

<link rel='next' title='Not blog' href='http://blog.unto.net/meta/not-blog/' />

<link rel=&quotsearch&quot href=&quot/search.xml&quot type=&quotapplication/opensearchdescription+xml&quot title=&quotViatropos&quot />

<link rel=&quotself&quot type=&quotapplication/atom+xml&quot href=&quothttp://www.syfyportal.com/atomFeed.php?page=3&quot/>

<link rel=&quotfirst&quot href=&quothttp://www.syfyportal.com/atomFeed.php&quot/>

<link rel=&quotnext&quot href=&quothttp://www.syfyportal.com/atomFeed.php?page=4&quot/>

<link rel=&quotprevious&quot href=&quothttp://www.syfyportal.com/atomFeed.php?page=2&quot/>

<link rel=&quotlast&quot href=&quothttp://www.syfyportal.com/atomFeed.php?page=147&quot/>

<link rel='shortlink' href='http://smallbiztrends.com/?p=43625' />

<link rel=&quotcanonical&quot href=&quothttp://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html&quot />

<link rel=&quotEditURI&quot type=&quotapplication/rsd+xml&quot title=&quotRSD&quot href=&quothttp://smallbiztrends.com/xmlrpc.php?rsd&quot />

<link rel=&quotpingback&quot href=&quothttp://smallbiztrends.com/xmlrpc.php&quot />

<link media=&quotonly screen and (max-device-width: 480px)&quot href=&quothttp://wordpress.org/style/iphone.css&quot type=&quottext/css&quot rel=&quotstylesheet&quot />

متاتگ های توییتر برای این شبکه اجتماعی :

<meta name=&quottwitter:title&quot content=&quotEuropean Travel Destinations &quot>

<meta name=&quottwitter:description&quot content=&quot Offering tour packages for individuals or groups.&quot>

<meta name=&quottwitter:image&quot content=&quot http://euro-travel-example.com/thumbnail.jpg&quot>

<meta name=&quottwitter:card&quot content=&quotsummary_large_image&quot>

متاتگ های کنترل خانواده(راستش معنی فارسیش سخته همون parental Control):

<meta name=&quottarget&quot                                 content=&quotall&quot/>

  <meta name=&quotaudience&quot                               content=&quotall&quot/>

  <meta name=&quotcoverage&quot                               content=&quotWorldwide&quot/>

  <meta name=&quotdistribution&quot                           content=&quotGlobal&quot>

  <meta name=&quotog:type&quot                                content=&quotwebsite&quot/>

  <meta name=&quotrating&quot                                 content=&quotsafe for kids&quot/>

نمونه ای از متاتگ کنترل cache :

<meta http-equiv=&quotCache-Control&quot content=&quotpublic,max-age=1800,max-stale,stale-while-revalidate=86400,stale-if-error=259200&quot rem=&quotmax-age=30minutes&quot/>

برای mobile First Indexing :

حتما نیازه تگ های viewPort رو درست کانفیگ کنید مثل نمونه زیر:

<meta name=&quotviewport&quot            content=&quotheight=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui&quot/>

تگ های روبات گوگل :

این تگ در لیست ابتدایی بود و نوع کانفیگ اش را باید مطابق با نیازتان تغییر دهید در زیر نمونه ای از این تگ ها با جزئیات بیشتر آورده ام.

همانطور که مشاهده می کنید این ۳ کانفیگ ،‌هرکدام تاثیر متفاوتی دارند و نیاز است مطابق با داکیومنت منتشر شده خود گوگل ابتدا معانی noindex ,index , nofollow,follow را بدانید و بسته به نیازتان آنها را پیاده سازی کنید.

لینک رفرنس:

https://developers.google.com/search/reference/robots_meta_tag

<meta name=&quotgooglebot&quot content=&quotnoindex&quot>

<meta name=&quotgooglebot-news&quot content=&quotnosnippet&quot>

<meta name=&quotrobots&quot content=&quotnofollow&quot>

متاتگ رفرش

این تگ کاربردهای متفاوتی دارد مانند:
بروزرسانی محتوای صفحه بعد از مدت زمانی مشخص (رفرش صفحه) :۵ ثانیه

<meta http-equiv=&quotrefresh&quot content=&quot5&quot>

ریدایرکت به صفحه دیگر پس از بازه زمانی مشخص شده:۵ ثانیه

<meta http-equiv=&quotrefresh&quot content=&quot5; url=https://example.com/&quot>

ریدایرکت به لینک دیگر به صورت آنی

<meta http-equiv=&quotrefresh&quot content=&quot0; url=https://example.com/&quot>