ریچ اسنیپت در وردپرس آموزش ساخت Rich Snippet در وردپرس

آیا می‌خواهید ریچ اسنیپت در وردپرس را یاد بگیرید؟ مطمئن نیستید که نتایج برجسته چیست و چرا باید از آن در سایت وردپرس خود استفاده کنید؟ در این مقاله ما آموزش ریچ اسنیپت در وردپرس را به صورت کامل توضیح می دهیم. و انواع rich snippet در وردپرس را بیان می کنیم

ساخت rich snippet در وردپرس به شما این امکان را می‌دهندکه لیست‌های جستجوی سفارشی برای مطالب خاص مانند بررسی‌ها، دستورالعمل‌ها، رویدادها و غیره داشته باشید. در این مقاله، ما به شما نحوه استفاده از نتایج برجسته در سایت وردپرس را نشان خواهیم داد.

چرا باید از Rich Snippets در سایت وردپرس خود استفاده کنید؟

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

انواع اسنیپت ها در گوگل
ریچ اپرسسنیپت Rich Snippet در ورد

آموزش ریچ اسنیپت در وردپرس با اسفتاده از افزونه

استفاده از نتایج برجسته به‌صورت دستی حتی برای باتجربه‌ترین صاحبان سایت نیز می‌تواند دشوار باشد. خوشبختانه چندین افزونه وردپرس وجود دارد که افزودن نتایج برجسته در پست‌های وردپرس را برای شما بسیار آسان تر می‌کند.

اولین کاری که باید انجام دهید نصب و فعال‌سازی افزونه All In One Schema.org Rich Snippets است. پس از فعال‌سازی، برای ادامه کار کافی است بر روی نماد منوی Rich Snippets در نوار کناری کلیک کنید.

عکس

افزونه All In One Rich Snippets
افزنه all in one schema.org برای ساخت rich snippet در وردپرس

شما قادر خواهید بود انواع مختلف محتوایی را که می‌توانید با این افزونه ایجاد کنید. این محتوا‌ها شامل موارد زیر است:

انواع rich snippet در وردپرس

  • بررسی مورد
  • مناسبت‌ها
  • شخص
  • تولید – محصول
  • دستور آشپزی
  • نرم‌افزار
  • ویدئو
  • مقاله

با کلیک بر روی هر نوع محتوا، فیلدهایی به شما نشان داده می‌شود که وقتی در حال نوشتن پست / صفحه یا هر نوع پست سفارشی هستید، باید آن‌ها را تکمیل نمایید.

اکنون باید یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید. درست در زیر ویرایشگر پست، یک جعبه متا جدید با عنوان Configure Rich Snippet مشاهده خواهید کرد. در داخل منوی کشویی مشاهده می‌کنید که در آن می‌توانید نوع محتوای پستی را که روی آن کار می‌کنید انتخاب کنید.

ریچ اسنیپت rich snippet در وردپرس
ساخت rich snippet در وردپرس

با انتخاب نوع محتوا، قسمت‌های ریچ اسنیپت موردنیاز برای پرکردن نمایش داده می‌شود. در تصویر زیر، نوع محتوای مقاله را انتخاب کردیم، و نام مقاله، نویسنده، توضیح کوتاه و زمینه‌های تصویر مقاله را به ما نشان داد.

ریچ اسنیپت rich snippet در وردپرس
ریچ اسنیپت rich snippet در وردپرس

می‌توانید آن را به دستورالعمل، رویداد یا هر نوع محتوایی که ایجاد می‌کنید تغییر دهید و سپس قسمت‌ها را پر کنید. شما نیازی به افزودن همه قسمت‌ها ندارید اما برخی از فیلدها توسط Google برای نمایش نتایج برجسته موردنیاز است.

فراموش نکنید که پست خود را ذخیره کنید تا داده‌های ریچ اسنیپت ذخیره شود.

آموزش آموزش ریچ اسنیپت در وردپرس و ساخت آن ها به‌صورت دستی یا کدنویسی

نتایج برجسته یا نشانه‌گذاری داده‌های ساختاری را می‌توان در سه روش مختلف نوشت. این روش ها عبارت‌اند از میکرو داده، RDFa و JSON-LD. می‌توانید از هر یک از آنها در سایت خود استفاده کنید. بااین‌حال، بیشتر افراد RDFa را برای مبتدیان راحت‌تر می‌دانند.

در اینجا مثالی از صفحه مربوط به کاربر در وردپرس آورده شده است. به طور معمول متن صفحه چیزی شبیه به این خواهد بود:

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website: 
<a href="http://www.example.com">example.com</a>

این را می‌توان به‌راحتی با نتایج برجسته تغییر شکل داد. اگر با HTML آشنا هستید، می‌توانید مثال زیر را به‌راحتی درک کنید:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc. 
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

برای هر نوع محتوا ویژگی‌های خاصی وجود دارد که باید تعریف شوند. Schema.org سازمانی است که به حفظ استاندارد برای انواع مختلف محتوا کمک می‌کند. شما می‌توانید اسناد گسترده‌ای را با مثال‌هایی برای هر نوع محتوا در وب‌سایت خود پیدا کنید.

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

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

اگر به‌صورت دستی نتایج برجسته را به پست‌های وردپرس خود اضافه می‌کنید، باید از ویرایشگر متن استفاده کنید تا بتوانید نشانه‌گذاری موردنیاز را بنویسید.

همچنین ممکن است لازم باشد برای درک ویژگی‌های موردنیاز برای نوع محتوا، به منبع توسعه‌دهنده Google درداده های ساخت‌یافته مراجعه کنید.

آزمایش کردن ریچ اسنیپت Rich Snippets

Google و سایر موتورهای جستجو ممکن است بلافاصله ریچ اسنیپت های شما را در نتایج جستجو نشان ندهند. از کجا می‌دانید که از ریچ اسنیپت‌ها به‌درستی در سایت خود استفاده می‌کنید؟

شما باید سری به Google Test Structured Data Test Tool بزنید. می‌توانید نشانه‌گذاری خود را در جعبه ابزار جای‌گذاری کنید یا برای واردکردن URL بر روی پیوند Fetch URL کلیک کنید. بر روی دکمه Validate کلیک کنید و این ابزار نشانه‌گذاری‌های شما را بررسی می‌کند.

Google Test Structured Data Test Tool برای تست rich snippet در وردپرس
Google Test Structured Data Test Tool برای تست rich snippet در وردپرس

امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه از اسنیپت هلی غنی در سایت وردپرس خود استفاده کنید. شما را به خواندن دیگر مقاله های سئوف دعوت می نمایم

4 نظرات
  1. حسین بهرامی می گوید

    دمتون گرم ریچ اسنیپت رو فعال کردم

    1. پریسا غفاری می گوید

      درود بر شما و سپاس از همراهیتون

  2. مارگو می گوید

    سلام. ببخشید خواهشا این سوال من جواب بدید.
    چطوری مثل این سایت https://uupload.ir/files/zs1_sshot-3.png
    اون کادر قرمز ایجاد کنم؟
    به اون کادر قرمزه چی میگن؟

    1. seof می گوید

      سلام این کادر که بهش SiteLinks میگن، توسط خود موتور جستجو انتخاب میشه، تنها کاری که شما میتونید انجام بدید لینک سازی داخلی مناسب هستش و استفاده از داده‌های ساختاریافته RichSnippet و Schema، البته با انجام این کارها هم هیچ تضمینی وجود نداره. در کل اگر دامنه وب سایتتون چند ماه از ایندکسش بگذره و دامنه هم اسم یونیکی دارشته باشه و لینک سازی داخلی رو هم انجام داده باشید، به احتمال خیلی زیاد براتون نمایش داده میشه.
      موفق باشید

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.