نشانه گذاری اسکیما چیست و چه اهمیتی برای سئو دارد؟

موتورهای جستجوی برتر از جمله گوگل، یاهو، بینگ و یاندکس برای اولین بار در سال 1390 (2011) شروع به همکاری برای ایجاد Schema.org کردند.

نشانه گذاری اسکیما در عصر Hummingbird و RankBrain اهمیت ویژه ای دارد. اینکه چگونه یک موتور جستجو زمینه یک پرس و جو را تفسیر می کند، کیفیت یک نتیجه ی جستجو را تعیین خواهد کرد.

اسکیما می تواند زمینه را برای یک صفحه وب مبهم فراهم کند.

به گفته Schema.org:

اکثر وب مسترها با تگ های HTML در صفحات خود آشنا هستند. معمولاً تگ های HTML به مرورگر می گویند که چگونه اطلاعات موجود در تگ را نمایش دهد. به عنوان مثال، Avatar به مرورگر می‌گوید که رشته متن "Avatar" را در قالب عنوان 1 نمایش دهد. با این حال، تگ HTML هیچ اطلاعاتی در مورد معنای رشته متنی نمی دهد - "آواتار" می تواند به فیلم سه بعدی بسیار موفق اشاره کند، یا می تواند به نوعی از عکس نمایه اشاره کند - و این می تواند جستجو را در موتورها برای نمایش هوشمندانه محتوای مرتبط به کاربر دشوارتر کند. "

آیا اسکیما رتبه بندی جستجو را ارتقا می دهد؟

هیچ مدرکی مبنی بر اینکه ریزداده تأثیر مستقیمی بر رتبه بندی جستجوی سازمانی دارد وجود ندارد.

با این وجود، قطعه های پرمحتوا (rich snippets) باعث می‌شوند صفحات وب شما در SERP برجسته‌تر ظاهر شوند. این نگرش پیشرفته نشان داده شده است که نرخ کلیک را بهبود می بخشد.

طبق مطالعه‌ای که توسط acmqueue انجام شده است، کمتر از یک سوم نتایج جستجوی گوگل شامل یک قطعه پرمحتوا با نشانه‌گذاری Schema.org است. این یک فرصت بزرگ را برای بقیه به نمایش می گذارد.

امروزه موارد بسیار کمی در سئو می توانند صفحه را به سرعت حرکت دهند.

اسکیما برای چه استفاده می شود؟

• مشاغل و سازمان ها
• مناسبت ها
• مردم
• محصولات
• دستور العمل ها
• بررسی ها
• فیلم ها

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

اضافه کردن اسکیما به صفحات وب

با استفاده از Microdata

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

با این حال، یک نقطه ضعف استفاده از Microdata این است که شما باید هر مورد را در بدنه صفحه وب خود علامت گذاری کنید. همانطور که می توانید تصور کنید، این می تواند باعث شلوغی بیش از حد شود.

قبل از اینکه شروع به اضافه کردن اسکیما به صفحات وب خود کنید، باید «مورد مرتبط» محتوای صفحه وب خود را مشخص کنید.

به عنوان مثال، آیا محتوای وب شما بر روی غذا تمرکز دارد؟ یا موسیقی؟ و یا فنی؟

هنگامی که مورد مرتبط را مشخص کردید، اکنون می توانید تعیین کنید که چگونه آن را برچسب گذاری کنید.

بیایید به یک مثال نگاه کنیم. فرض کنید شما صاحب فروشگاهی هستید که روترهای باکیفیت می فروشد. اگر بخواهید به کد منبع صفحه اصلی خود نگاه کنید، احتمالا چیزی شبیه به این خواهید دید:

< div>
< h1>TechHaven< /h1>
< h2>The best routers you’ll find online!< /h2>
< p>Address:< /p>
< p>459 Humpback Road< /p>
< p>Rialto, Ca< /p>
< p>Tel: 909 574 3903< /p>
< p>< a href=https://www.saman360.com/fa/”http://www.techhaven.com/menu”>Click here to view our best routers!< /a>< /p>
< p>We’re open: < /p>
< p>Mon-Sat 8am – 10:30pm< /p>
< p>Sun: 2pm – 8pm< /p>
< /div>

هنگامی که کد را بررسی کردید، می خواهید بخشی از صفحه وب خود را پیدا کنید که در مورد آنچه کسب و کار شما ارائه می دهد صحبت می کند. در این مثال، آن داده را می توان بین دو تگ < div > یافت.

اکنون، در بالا می توانید اضافه کنید:

< div itemscope="" >

با افزودن این تگ، میخواهیم بگوییم که کد HTML موجود بین بلوک های < div > یک آیتم خاص را شناسایی می کند.

در مرحله بعد، باید با استفاده از ویژگی "itemtype" نوع موردی که صفحه وب ما در مورد آن است (تکنولوژی) شناسایی کنیم.

< div itemscope="" itemtype="http://schema.org/tech">

یک نوع آیتم به شکل URL (مانند http://schema.org/tech) ارائه می شود. به عنوان مثال، فرض کنید که سایت شما به جای فناوری، حول محور محصولات زیبایی می چرخد. URL مورد مرتبط شما ممکن است به شکل زیر باشد:

http://schema.org/beauty.

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

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

اکنون از تگ itemprop استفاده می کنیم که ویژگی های یک آیتم را برچسب گذاری می کند:

< h1 itemprop=”name”>Tech Haven< /h1>

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

به عنوان مثال، اگر خطی دارید که می گوید آدرس: 1234 w sunshine blvd، فقط باید تگ ها را در اطراف خود آدرس اعمال کنید نه چیز دیگری.

< h2 itemprop=”description”>The best routers you’ll find online!< /h2>
< p>Address:< /p>
< span itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
< p itemprop=”streetAddress”>459 Humpback Road < /p>
< p itemprop=”addressLocality”>Rialto, Ca< /p>< /span>
< p>Tel: < span itemprop=”telephone”>909 574 3903< /span>< /p>
< p>< a itemprop=”menu” href=https://www.saman360.com/fa/”http:// http://www.techhaven.com/menu “>Click here to view our tasty range of dishes!< /a>< /p>
< p>We’re open:< /p>
< p itemprop=”openingHours”>Mon-Sat 8am – 10:30pm< /p>
< p itemprop=”openingHours”>Sun: 2pm – 8pm< /p>
< /div>

این کد ممکن است پیچیده به نظر برسد، اما schema.org مثال‌هایی در مورد نحوه استفاده از انواع آیتم‌ها ارائه می‌دهد، بنابراین می‌توانید ببینید که کد قرار است چه کاری انجام دهد. نگران نباشید، شما در تلاش برای کشف این موضوع تنها رها نخواهید شد!

اگر هنوز نگران هستید، راهنمای نشانه گذاری داده های ساختاریافته گوگل، تگ کردن صفحات وب شما را بسیار آسان می کند.

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

استفاده از RDFa

RDFa مخفف عبارت Resource Description Framework در Attributes است. اساسا، RDFa یک افزونه برای HTML5 بوده و برای کمک به کاربران در علامت گذاری داده های ساختاریافته طراحی شده است.

RDFa به عنوان یک توصیه W3C در نظر گرفته می شود، به این معنی که یک استاندارد وب است و می توان از آن برای زنجیره واژگان داده های ساختاریافته با هم استفاده کرد. این به ویژه در صورتی مفید است که می خواهید داده های ساختار یافته ای را اضافه کنید که فراتر از محدودیت های Schema.org است.

RDFa تفاوت چندانی با Microdata ندارد.

تگ‌های RDFa مشابه Microdata با کد HTML موجود در بدنه صفحه وب شما ترکیب می‌شوند. برای آشنایی، یک بار دیگر به عنوان نمونه به وب سایت فناوری نگاه خواهیم کرد.

HTML سایت فنی شما احتمالاً قبل از اصلاح به این شکل است:

< div>
< h1>Tech Haven< /h1>
< h2>The best routers online!< /h2>
< p>Address:< /p>
< p>459 Humpback Road < /p>
< p>Rialto, Ca< /p>
< p>Tel: 909 574 3903< /p>
< p>< a href=https://www.saman360.com/fa/”http://www.techhaven.com/menu”>Click here to view our best routers!< /a>< /p>
< p>We’re open:< /p>
< p>Mon-Sat 8:00am – 10:30pm< /p>
< p>Sun: 2pm – 8pm< /p>
< /div>

برای شروع، باید مطمئن شوید که واژگانی که استفاده می‌کنید Schema.org است و صفحه وب مورد نظر به یک صفحه فناوری اشاره می‌کند.

برای این مثال، می‌توانید «تکنولوژی» را در Schema.org جستجو کنید تا یاد بگیرید چگونه عناصر مختلف را برچسب‌گذاری کنید. به طور معمول، نمونه هایی را در نزدیکی پایین صفحه پیدا خواهید کرد که نحوه استفاده از آنها را در عمل به شما نشان می دهد.

برای مشاهده نمونه های خاص RDFa به سادگی روی تب RDFa کلیک کنید.

در مرحله بعد، باید از تگ vocab همراه با URL http://schema.org برای شناسایی واژگان نشانه گذاری استفاده کنید. برای شناسایی نوع صفحه، از تگ typeof استفاده کنید. برخلاف Microdata که از URL برای شناسایی انواع استفاده می کند، RDFa از یک یا چند کلمه برای طبقه بندی انواع استفاده می کند.

< div vocab=”http://schema.org/” typeof=”technology” >

اگر می خواهید یک ویژگی را بیشتر از آن شناسایی کنید، باید از ویژگی typeof استفاده کنید.

برای مثال، اگر می‌خواهید یک ویژگی آدرس را بیشتر گسترش دهید، می‌توانید از «PostalAddress» مانند زیر استفاده کنید:

< div property=”address” typeof=”PostalAddress” >

با مقایسه Microdata و RDFa در کنار هم، ویژگی typeof معادل ویژگی itemtype موجود در Microdata است. علاوه بر این، معادل ویژگی itemprop خواهد بود.

برای توضیح بیشتر، می توانید برای بررسی لیست ها و مشاهده نمونه ها به Schema.org مراجعه کنید. شما می توانید ببینید که کدام نوع از عناصر به عنوان ویژگی و کدام یک به عنوان نوع تعریف می شوند.

با بازگشت به مثال قبلی خود، صفحه فناوری پس از برچسب گذاری مناسب به این شکل خواهد بود:

< h2 property=”description”>The best routers on the internet!< /h2>
< p>Address:< /p>
< div property=”address” typeof=”PostalAddress”>
< p property=”streetAddress”>459 Humpback Road< /p>
< p property=”addressLocality”>Rialto, Ca< /p>
< /div>
< p>Tel: < span property=”telephone”>909 574 3903< /span>< /p>
< p>< a property=”menu” href=https://www.saman360.com/fa/”http://www.techhaven/menu”>Click here to view our best routers!< /a>< /p>
< p>We’re open:< /p>
< p property=”openingHours”>Mon-Sat 8am – 10:30pm< /p>
< p property=”openingHours”>Sun: 2pm – 8pm< /p>
< /div>

برای کمک بیشتر، هر صفحه در Schema.org مثال هایی در مورد نحوه اعمال صحیح برچسب ها ارائه می دهد. البته، می‌توانید از ابزار تست داده‌های ساختاریافته گوگل (Structured Data Testing Tool.) نیز استفاده کنید.

نتیجه گیری

امیدواریم هر ترسی که ممکن است با شنیدن کلمه "Schema" یا "Structured Data" داشته باشید برطرف شده باشد.

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

این کار ممکن است خسته کننده به نظر برسد. اما با توجه به زمان و تلاش، مطمئناً از مزایای خاص آن بهره مند خواهید شد.