جلوگیری و منع استفاده از متنهای اضافی در Title و Description
منع استفاده شدن متن صفحه در نتایج جستجو (SERP Snippets)
گوگل در تولید Meta Title و Meta Description که در اسنیپتها بکار می روند، از متن صفحه نیز استفاده میکند. برای جلوگیری از استفاده شدن بخشی از متن صفحه در تولید عنوان و توضیحاتی که در نتایج جستجو به نمایش در میآیند، یک شیوه استاندارد وجود دارد.
بیش از یک ماه پیش، قبل از اینکه سیستم جدید تولید تایتلها همه گیر شود، در روم کلاب هاوس به این موضوع پرداخته بودیم و ویژگی data-nosnippet را به همراه نکاتی که باید مد نظر قرار دهید تشریح کردیم.
*** توجه: از این ویژگی برای مقابله با سیستم جدید تولید عناوین توسط گوگل نباید استفاده کرد. صرفا برای کمک به گوگل و اصلاح اسنیپت از این ویژگی استفاده می کنیم.
اسنیپت(Snippet) چیست؟
هر یک از نتایج جستجو یک اسنیپت نامیده میشود که شامل سه بخش اصلی عنوان(Meta Title) و (Meta Description) و آدرس صفحه(URL) می شود. در گوگل، ریچ اسنیپتها شامل فیچرهای دیگری مثل امتیاز کاربران، قیمت محصول، تعداد کالری یک غذا و غیره میشوند که اطلاعات اضافه تری به کاربر میدهند.
استفاده از data-nosnippet
از سالها پیش تا به امروز، در برخی موارد گوگل تشخیص میدهد برای عنوان یا توضیحات اسنیپت از تگهای تعیین شده در <head> صفحه استفاده نکند! در این صورت گوگل از متون صفحه برای تولید عنوان یا توضیحات استفاده می کند.
در صفحه، بخشها یا عباراتی وجود دارند که ممکن است شما نخواهید گوگل از آنها برای تولید اسنیپت استفاده کند؛ یا گوگل از عباراتی در تولید اسنیپت استفاده کرده است و شما قصد اصلاح این مسئله را دارید.
در چنین مواقعی میتوانید از data-nosnippet که یک attribute در html محسوب میشود، استفاده کنید.
نحوه پیاده سازی
عموما، متا تگها را به این صورت میشناسیم که در <head> صفحه بکار میروند مثل robots با مقدار دهی noindex یا دیگر موارد.
اما از ویژگی data-nosnippet در بدنه html به صورت inline استفاده می کنیم:
<p>این تکه متن میتواند در اسنیپت استفاده شود
<span data-nosnippet>این تکه متن نمیتواند در اسنیپت استفاده شود</span>.</p>
برای هر بخش یا عبارتی که تمایل ندارید در نتایج جستجو به نمایش در آید، یک تگ html به صورت نشان داده شده در بالا باز کنید و ویژگی data-nosnippet را به آن المان اضافه کنید.
گوگل در کرال بعدی صفحه مد نظر، پردازش مجددی انجام خواهد داد و این ویژگی را پیدا می کند. پس این فرایند به صورت فوری شاید صورت نپذیرد. گوگل به منظور ایندکس کردن صفحات، آنها را رندر میکند اما تضمینی برای اینکار وجود ندارد. به همین دلیل، استخراج ویژگی data-nosnippet از کد html صفحه ممکن است قبل یا بعد از رندر کردن صفحه اتفاق بیفتد. برای اینکه از این عدم قطعیت در امان باشید، این ویژگی را توسط جاوا اسکریپت اضافه یا حذف نکنید.
نکات مهم
1. تنها تگهای html که میتوانیم در آنها این ویژگی را اضافه کنیم، div و span و section هستند. اگر به هر دلیلی از جاوا اسکریپت برای اضافه کردن این ویژگی استفاده می کنید یا از المانهای اختصاصی خودتان در بخش مد نظر از html صفحه استفاده کردهاید، آنها را در المانهای ذکر شده(div, span, section) قرار دهید یا رندر کنید.
2. اگر هر یک از این تگهای html بسته نشود، ویژگی data-nosnippet به ادامه متن و صفحه نیز اعمال خواهد شد.
3. ویژگی data-nosnippet یک ویژگی boolean هست و استفاده از این ویژگی با هر مقداری(true یا false) تغییری در نتیجه ایجاد نمیکند و به هر حال true در نظر گرفته میشود. یعنی نیاز به مقدار دهی نیست و در صورت مقدار دهی، ignore میشود و در نظر گرفته نمیشود.
<div data-nosnippet>این متن در اسنیپت ظاهر نمیشود</div>
<div data-nosnippet="true">همچنین این متن نیز استفاده نمیشود</div>
<div data-nosnippet="false">همچنین این متن نیز استفاده نمیشود</div>
با تشکر از محمد طاهری
جهت اطلاع از آخرین اخبار درمورد سئو کافی است ما را در شبکههای اجتماعی دنبال کنید
https://www.instagram.com/shahram.rahbari
مطلبی دیگر از این انتشارات
سیستم جدید تولید عنوان (Title) در نتایج گوگل
مطلبی دیگر از این انتشارات
سئو داخلی 2020 | On Page Seo
مطلبی دیگر از این انتشارات
نکات کاربردی استفاده از تگ کنونیکال (Canonical) در بهبود سئو