ویرگول
ورودثبت نام
علیرضا شیراوند
علیرضا شیراوندتوسعه دهنده frontend و SEO manager
علیرضا شیراوند
علیرضا شیراوند
خواندن ۳ دقیقه·۶ سال پیش

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

متاتگ html
متاتگ html


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

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

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

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

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

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

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

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

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

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">
<meta name="robots" content="index,follow" />
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm" />
<meta name="abstract" content="">
<meta name="topic" content="">
<meta name="summary" content="">
<meta name="Classification" content="Business">
<meta name="author" content="name, email@hotmail.com">
<meta name="designer" content="">
<meta name="copyright" content="">
<meta name="reply-to" content="email@hotmail.com">
<meta name="owner" content="">
<meta name="url" content="http://www.websiteaddrress.com">
<meta name="identifier-URL" content="http://www.websiteaddress.com">
<meta name="directory" content="submission">
<meta name="category" content="">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">


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

<meta name="og:title" content="The Rock"/>
<meta name="og:type" content="movie"/>
<meta name="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta name="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta name="og:site_name" content="IMDb"/>
<meta name="og:description" content="A group of U.S. Marines, under command of..."/>
<meta name="fb:page_id" content="43929265776" />
<meta name="og:email" content="me@example.com"/>
<meta name="og:phone_number" content="650-123-4567"/>
<meta name="og:fax_number" content="+1-415-123-4567"/>
<meta name="og:latitude" content="37.416343"/>
<meta name="og:longitude" content="-122.153013"/>
<meta name="og:street-address" content="1601 S California Ave"/>
<meta name="og:locality" content="Palo Alto"/>
<meta name="og:region" content="CA"/>
<meta name="og:postal-code" content="94304"/>
<meta name="og:country-name" content="USA"/>
<meta property="og:type" content="game.achievement"/>
<meta property="og:points" content="POINTS_FOR_ACHIEVEMENT"/>
<meta property="og:video" content="http://example.com/awesome.swf" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://example.com/html5.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="http://example.com/fallback.vid" />
<meta property="og:video:type" content="text/html" />
<meta property="og:audio" content="http://example.com/amazing.mp3" />
<meta property="og:audio:title" content="Amazing Song" />
<meta property="og:audio:artist" content="Amazing Band" />
<meta property="og:audio:album" content="Amazing Album" />
<meta property="og:audio:type" content="application/mp3" />

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

<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width = 320, initial-scale = 2.3, user-scalable = no">


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

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)" />
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)" />
<meta name="mssmarttagspreventparsing" content="true">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="msapplication-starturl" content="http://blog.reybango.com/about/"/>
<meta name="msapplication-window" content="width=800;height=600"/>
<meta name="msapplication-navbutton-color" content="red"/>
<meta name="application-name" content="Rey Bango Front-end Developer"/>
<meta name="msapplication-tooltip" content="Launch Rey Bango's Blog"/>
<meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico" />
<meta name="msapplication-task" content="name=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" />
<meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico" />
<meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico" />
<link rel="shortcut icon" href="/images/favicon.ico" />


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

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

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/martini" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="fluid-icon" type="image/png" href="/fluid-icon.png" />
<link rel="me" type="text/html" href="http://google.com/profiles/thenextweb"/>
<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="search" href="/search.xml" type="application/opensearchdescription+xml" title="Viatropos" />
<link rel="self" type="application/atom+xml" href="http://www.syfyportal.com/atomFeed.php?page=3"/>
<link rel="first" href="http://www.syfyportal.com/atomFeed.php"/>
<link rel="next" href="http://www.syfyportal.com/atomFeed.php?page=4"/>
<link rel="previous" href="http://www.syfyportal.com/atomFeed.php?page=2"/>
<link rel="last" href="http://www.syfyportal.com/atomFeed.php?page=147"/>
<link rel='shortlink' href='http://smallbiztrends.com/?p=43625' />
<link rel="canonical" href="http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://smallbiztrends.com/xmlrpc.php?rsd" />
<link rel="pingback" href="http://smallbiztrends.com/xmlrpc.php" />
<link media="only screen and (max-device-width: 480px)" href="http://wordpress.org/style/iphone.css" type="text/css" rel="stylesheet" />

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

<meta name="twitter:title" content="European Travel Destinations ">
<meta name="twitter:description" content=" Offering tour packages for individuals or groups.">
<meta name="twitter:image" content=" http://euro-travel-example.com/thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">


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

<meta name="target" content="all"/>
<meta name="audience" content="all"/>
<meta name="coverage" content="Worldwide"/>
<meta name="distribution" content="Global">
<meta name="og:type" content="website"/>
<meta name="rating" content="safe for kids"/>


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

<meta http-equiv="Cache-Control" content="public,max-age=1800,max-stale,stale-while-revalidate=86400,stale-if-error=259200" rem="max-age=30minutes"/>


برای mobile First Indexing :

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

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui"/>

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

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

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

لینک رفرنس:

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

<meta name="googlebot" content="noindex">
<meta name="googlebot-news" content="nosnippet">
<meta name="robots" content="nofollow">


متاتگ رفرش

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

<meta http-equiv="refresh" content="5">


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

<meta http-equiv="refresh" content="5; url=https://example.com/">


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

<meta http-equiv="refresh" content="0; url=https://example.com/">



سئوseoسئو تکنیکال
۱۵
۵
علیرضا شیراوند
علیرضا شیراوند
توسعه دهنده frontend و SEO manager
شاید از این پست‌ها خوشتان بیاید