نحوه استفاده از قطعه ها در وردپرس(نشانه گذاری داده های ساخت یافته)

 

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

 

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

ما دو روش را به شما برای اضافه کردن کد نشان می دهیم: دستی اضافه کردن قطعه غنی در وردپرس و همچنین با استفاده از یک پلاگین در وردپرس.
اضافه کردن قطعه ها در وردپرس با استفاده از یک پلاگین
اولین کاری که باید انجام دهید این است نصب و فعال سازی پلاگین All In One Schema.org Rich Snippets است پس از فعال سازی به سادگی بر روی منوی قطعه ها کلیک کنید

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

 

اضافه کردن  قطعه ها  به صورت دستی در وردپرس

قطعه غنی و یا نشانه گذاری داده های ساخت یافته می توان به سه واژه های مختلف نوشت. این واژگان microdata، RDFa، و JSON-LD هستند. شما می توانید هر یک از آنها را در سایت خود استفاده کنید.
اینجا یک مثال از صفحه در مورد یک کاربر در وردپرس است. به طور معمول متن صفحه را چیزی شبیه به این است:

<pre>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></pre>

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

 

<pre><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></pre>

برای هر نوع محتوا برخی از خواص ویژه ای است که نیاز به تعریف دارد. Schema.org سازمان است که حفظ استاندارد برای انواع مختلف محتوا کمک می کند.
در اینجا یک مثال دیگر از یک دستور غذا با قطعه غنی است.

 

<pre><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></pre>

 

 

امیدواریم این مقاله به شما در نحوه استفاده از قطعه ها در وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به https://www.on5.ir مراجعه نمایید.

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس