برای سئو سایت صفحه html خود به تگهای meta نیازمند هستیم که در این پست به این تگها میپردازیم.
دلیل استفاده از سینگل کوتیشن بجای دابل کوتیشن محیط نمایش کد ویرگول میباشد.
تگ title : این تگ عنوان اصلی صفحه رو مشخص میکنه. بهتره این تگ رو با دقت انتخاب کنیم. اگه از کلمات انگلیسی در این تگ استفاده میکنیم بهتره حروف اول این کلمات بزرگ باشه.
<title>Abbas Bagheri Personal Website</title>
متا تگ title : عنوان صفحه خود را در این تگ قرار میدهیم.
<meta name='title' content='Abbas Bagheri Personal Website'>
متا تگ description : در این تگ توضیحات کوتاهی در مورد صفحه یا اطلاعات کلی از پستی که کاربر قرار است در این صفحه مشاهده کند، بگذاریم. محتوای این تگ حداکثر 150 کاراکتر باشد باشد. دقت کنید باید محتوای مورد نظر خودمون رو در اتریبیوت content قرار دهیم.
<meta name='description' content='Abas Bagheri is a Web Developer At PHP,JavaScript , ...'>
متا تگ charset : اگر این متا تگ مقدارش رو با utf-8 قرار ندهیم حروف فارسی به خوبی در مرورگرها پشتیبانی نخواهند شد. بهتره یکبار در مرورگر اینترنت اکسپلورر امتحان کنید :)
<meta charset='UTF-8'> <meta http-equiv='Content-Type' content='' charset='utf-8' />
متا تگ keywords : برای مشخص کردن کلمات کلیدی وب سایت خودمون از این تگ استفاده میکنیم. کلمات کلیدی را با ویرگول از هم جدا میکنیم.
<meta name='keywords' content='Developer ,Web Designer , React JS'>
متا تگ news_keywords : این تگ برای مشخص کردن کلمات کلیدی برای گوگل به کار می رود :
<meta name='news_keywords ' content='Developer ,Web Designer , React JS'>
متاتگ auther : از این تگ برای مشخص کردن نویسنده مطلب صفحه وب خودمون استفاده میکنیم!
<meta name='author' content='Abbas Bagheri'> <meta name='author' content='Abbas Bagheri , abasbagheria@gmail.com'>
متاتگ copyright : برای مشخص کردن صاحب امتیاز صفحه وب بکار می رود.
<meta name='copyright' content='Abas Bagheri'>
متا تگ language : برای مشخص کردن زبان صفحه وب استفاده میکنیم.
<meta name='language' content='FA'> <meta name='language' content='EN'>
متا تگ url : خب این مشخصه که باید درونش permalink صفحه وب خودمون رو قرار دهیم.
<meta name='url' content='https://abasbagheri.ir'>
متا تگ viewport : از این تگ برای معرفی قابلیت ریسپانسیو بودن صفحه وب خودمون استفاده میکنیم
<meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0'>
تگهای ریسپانسیو دیگر :
<meta name='apple-mobile-web-app-capable' content='yes'>
با تگ متا زیر مشخص میکنیم بعد از 5 ثانیه صفحه ما به صفحه جدید منتقل شو
<meta http-equiv='refresh' content='5 , https://abasbagheri.ir/'>
با متا تگ زیر مشخص میکنیم صفحه ما هر 5 ثانیه یک بار رفرش شود :
<meta http-equiv='refresh' content='5'>
متا تگ robots : این تگ به ربات ها دستور میدهد که این صفحه را ایندکس و یا دنبال کنند یا خیر؟ (یعنی لینکهای درون صفحه رو بررسی کنند یا خیر)
از هر کدوم یک از حالتهای زیر میتوانید استفاده کنید
<meta name='robots' content=' noindex , nofollow '> <meta name='robots' content=' index , follow '> <meta name='robots' content=' noindex , follow '> <meta name='robots' content=' index , nofollow '>
با تگ googlebot همین کار را برای ربات گوگل میتوانیم انجام دهیم :
<meta name='googlebot' content='noindex'> <meta name='googlebot-news' content='nosnippet'>
برخی مقادیر تگ robots که به آنها می پردازیم :
اگر بخواهیم به ربات ها اجازه بررسی کامل صفحه خود رو بدهیم باید مقدار content رو برابر با all قرار دهیم. البته این مورد به طور پیش فرض است و نیازی به اضافه کردن این کد به صفحه ما نیست.
<meta name='robots' content='all'>
با قرار دادن noindex به رباتها میفهمانیم که صفحه ما را ایندکس نکنند و در نتایج جستجو قرار ندهند :
<meta name='robots' content='noindex'>
به رباتها دستور میدهیم که لینکهای این صفحه رو دنبا نکن :
<meta name='robots' content='nofollow'>
بجای nofollow و noindex میتوانیم مقدار none قرار دهیم
<meta name='robots' content='noindex , nofollow'> <meta name='robots' content='none'>
با دستور بعدی به رباتها میفهمانیم که اجازه کش کردن و آرشیو کردن صفحه وب ما را ندارند:
<meta name='robots' content='noarchive'>
با دستور nositelinkssearchbox به ربات گوگل میفهمانیم که کادر جستجو لینکهای سایت را برای صفحه ما قرار ندهد
<meta name='robots' content='nositelinkssearchbox'>
خب ما میخواهیم صفحه ما در نتایج موتور جستجو نمایش داده شود ولی متن یا ویدیو صفحه ما به طور پیش نمایش در وب سایت موتور جستجو نشان داده نشود :
<meta name='robots' content='nosnippet'>
خب فرض کنید صفحه وب خود را از طریق iframe در صفحه دیگری قرار داده باشیم. با این دستور به گوگل اجازه بررسی صفحه را می دهیم. حتی اگر صفحه دوم از دستور noindex استفاده کرده باشیم :
<meta name='robots' content='indexifembedded'>
اگر حداکثر کاراکتر برای نمایش محتوای خود در موتور جستجو تعیین کنید باید از قطعه کد زیر استفاده کنید : بجای [number] باید عدد مورد نظر خود را قرار دهید.
<meta name='robots' content='max-snippet: [number]'>
مقدار 0 در دستور بالا به معنای همان دستور nosnippet می باشد.
<meta name='robots' content='max-snippet: 0'> <meta name='robots' content='nosnippet'>
خب با دستور بعدی به موتور جستجوگر میفهمانیم چه مقدار از ویدئو را میتواند در پیش نمایش نمایش دهد. مثلا در دستور زیر این مقدار روی 5 ثانیه تعیین شده است. (مقدار 1- به معنای وجود نداشتن هیچ محدودیتی می باشد.)
<meta name='robots' content='max-video-preview:5'>
خب با دستور بعدی اندازه پیش نمایش تصاویر صفحه وب را تعیین میکنیم :
<meta name='robots' content='max-image-preview:standard'>
دستورات بعدی به ترتیب به وظیفه جلوگیری از ترجمه و ایندکس کردن تصاویر صفحه ما را بر عهده دارند.
<meta name='robots' content='notranslate'> <meta name='robots' content='noimageindex'>
و اما مورد آخر زمان از دسترس خارج شدن صفحه وب را به رباتها اعلام میکنیم مثلا :
<meta name='robots' content='unavailable_after: 2020-09-21'>
نکته مهم : کدهای بالا دستورات ما به رباتها هستند ولی رباتها ممکن است از تربیت لازم برخوردار نباشند :(
وقتی نسخه های متفاوتی از یک صفحه داریم میتوانیم از تگ زیر کمک بگیریم و به گوگل بفهمانیم این صفحه صفحه وب اصلی است و نسخه های دیگر ایندکس نشوند.
<link rel='canonical' href='http://example.com/' />
تگهای og که خلاصه شده opengraph هست برای نحوه نمایش لینک سایت در شبکه های اجتماعی مثل فیسبوک به کار میرود
<meta property='og:type' content='website'> <meta property='og:url' content='https://abasbagheri.ir'> <meta property='og:title' content='The Page Title'> <meta property='og:description' content='The Page Description'> <meta property='og:image' content='https://abasbagheri.ir/images/image.png'>
تگهای توئیتر هم عملکردی شبیه به تگهای og دارد که برای نحوه نمایش وب سایت در توییتر به کار میرود
<meta property='twitter:card' content=' '> <meta property='twitter:url' content='https://abasbagheri.ir'> <meta property='twitter:title' content='The Page Title"> <meta property='twitter:description' content='The Page Description'> <meta property='twitter:image' content='https://abasbagheri.ir/images/image.png'>
متا تگ google-site-verification : درون این تگ کد تایید گوگل برای صفحه وب خود را قرار میدهیم
<meta name='google-site-verification' content='+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=' />
هنگامی که کاربران سایت شما را جستجو می کنند، نتایج جستجوی گوگل گاهی یک کادر جستجوی خاص سایت شما را به همراه سایر لینک های مستقیم به سایت شما نمایش می دهند. این تگ به گوگل می گوید که کادر جستجوی لینک های سایت را نشان ندهد :
<meta name='google' content='nositelinkssearchbox' />
ممکن است گوگل بخواهد صفحه وب سایت ما را به طور اتوماتیک به زبان دیگری برای کاربر ترجمه کند با این متاتگ گوگل جلوی این کار را خواهیم گرفت :
<meta name='googlebot' content='notranslate' />
تگ بعدی گوگل که به آن میپردازیم از خواندن مطالب برای کاربر توسط سرویسهای تبدیل متن به صدا جلوگیری میکند. البته اگه همچین چیزی باشه :
<meta name='google' content='nopagereadaloud' />
با تگ بعدی مطالب را برای بزرگسالان برچسپ گذاری میکنیم که نباید برای کودکان نمایش داده شود. البته مطمئنا ما به چنین چیزی نیاز نخواهیم داشت :
<meta name='rating' content='adult' /> <meta name='rating' content='RTA-5042-1996-1400-1577-RTA' />
برای ثبت موقعیت کسب و کار خود در نقشه موتورهای جستجو از کد زیر استفاده میکنیم :
<meta name='geo.region' content='US-NY'/> <meta name='geo.placename' content='Ithaca'/> <meta name='geo.position' content=”42.434675;-76.416026'/> <meta name='ICBM' content='42.434675,-75.416026'/>
به کمک این تگ، میتوانیم به رباتها اعلام کنیم که سه روز دیگر از صفحه ها بازدید کند.
<meta name='revisit-after' content='3 days'>
منبع : وب سایت عباس باقری
