شما نیز از درک ساختار سایت Schema.org و نحوه استفاده از لیست هیولایی آن برای ایجاد خسته شده اید. میکرو مارکینگدر سایت خودتان؟ سپس این مقاله مفصل و قابل فهم یک بار برای همیشه همه چیز را برای شما روشن می کند و دیگر سوالی وجود نخواهد داشت. تضمین می کنم!
من خودم چندین بار به میکرو مارک آپ نزدیک شده ام و هر بار آن را به جهنم انداختم، زیرا سایت Schema.org کاملاً احمقانه تنظیم شده است. بله، لیست گسترده ای از موجودیت ها و انواع، و یک دسته کامل از توضیحات برای آن وجود دارد. حتی یک ترجمه جزئی از سایت به روسی وجود دارد - ruschema.org. اما یک جهنم - نیفیگا مشخص نیست.
خوب، خودتان ببینید: در اینجا میخواهم نحوه اضافه کردن میکروداده را به صفحه مقاله خود بیابم. من به سایت Schema.org می روم، به بخش Schemas می روم، پیوند را دنبال می کنم لیست کامل انواع، نشان داده شده در یک صفحه و لیست بزرگی از موجودیت ها (Thing) را دریافت می کنم:
بنابراین، بعدی چیست؟ در میان این شش ویژگی، چیزی به وضوح گم شده است، یعنی: عنوان مقاله، نویسنده، تاریخ نگارش و غیره. تعدادی مقاله مبهم Body، articleSection، pageEnd، و غیره وجود دارد. خوب، در مورد آن چه باید بکنم؟ اگر روی ملک کلیک کنید، چیز جدیدی پیدا نمی کنید:
و به همین ترتیب در سراسر لیست. کاملاً یک رابط دوستانه نیست، شاید تحت کار برنامه نویسان، که همه چیز از نیم کلمه و غیر روسی برای آنها واضح است، تیز شده باشد.
خوب! بیایید بفهمیم اینجا چه چیزی است و با چه چیزی در این Schema.org می خورند. به طوری که همه سوء تفاهم ها ناپدید می شوند و موتورهای جستجو به خاطر استفاده از داده های میکرو در سایتمان، سر ما را می زنند، زیرا این سایت کاملاً مفید است.
بیایید با اصول اولیه شروع کنیم. این برای کسانی است که معمولاً برای اولین بار در مورد نشانه گذاری میکرو می شنوند. بقیه میتوانند مقاله را بیشتر مرور کنند و در مورد استفاده عملی از microdata مطالعه کنند.
چرا به micro-markup نیاز داریم و Schema.org چه ربطی به آن دارد
میکرو مارک آپ توسط بازاریابان وب حیله گر اختراع شد. در غیر این صورت، این مورد را نشانه گذاری معنایی می نامند و به این معنی است که صفحات سایت با برچسب های خاصی مشخص می شوند تا ربات های جستجو بهتر متوجه شوند که این صفحات سایت دقیقاً در مورد چیست و دقیقاً چه چیزی را ارائه می دهند.
در صفحه Yandex.Webmaster، اختصاص داده شده به نشانه گذاری میکرو، یک مثال بسیار واضح از یک قطعه از صفحه سایت بدون نشانه گذاری و با نشانه گذاری ارائه شده است:
همانطور که می گویند تفاوت را احساس کنید. اگر آن را احساس نمی کنید، توضیح می دهم: بدون میکرومارکینگ، یک ربات موتور جستجو نمی تواند خودش تعیین کند که دقیقاً چه چیزی در صفحه سایت مورد بحث قرار می گیرد. کلمه "آواتار" می تواند معانی زیادی داشته باشد. برای اینکه به خزنده بفهمانیم که مقاله در مورد یک فیلم خاص است، برچسب های خاصی اضافه می کنیم و اعلام می کنیم که همه آنها متعلق به موجودی از نوع Movie (فیلم) هستند.
دستهای از تگهای دهانه خنثی با ویژگیهای مختلفی مانند itemprop="" به سند نشانهگذاری اضافه شدهاند. همچنین دو ویژگی مبهم در اینجا وجود دارد: itemscope و itemtype، و پیوندی به بخش Movie در همان سایت schema.org اضافه شده است. خوب! بیایید به این لینک برویم و ببینیم چه چیزی وجود دارد:
لیست دیگری از خواص (Properties) ، اما در بین آنها فقط دو مورد از موارد استفاده شده در مثال Yandex وجود دارد - کارگردان و تریلر . بقیه کجا هستند: نام و ژانر؟ یاندکس، یا چه چیزی، او آنها را اختراع کرد؟
واقعیت این است که schema.org یک سلسله مراتب خاص دارد و می توان آن را فقط در صفحه با یک لیست کلی از همه موجودیت ها (Thing) مشاهده کرد. در اینجا زمان آن است که توضیح دهیم که چیست - ماهیت.
چیزدر Schema.org به معنای چیز خاصی است و خود کلمه Thing می تواند هر یک از موارد ممکن را نشان دهد. همه انواع دیگر در آن تودرتو هستند. البته نه همه چیز در جهان، اما اغلب برای توصیف در اینترنت استفاده می شود: مقالات، اخبار، رویدادها، شخصیت ها، کتاب ها، برنامه ها و غیره.
هر یک از چیزهای تو در تو می تواند حاوی "مجموعه" موجودیت های خود از نوع مشابه باشد. به عنوان مثال، یک نهاد به نام رویداد (رویداد) می تواند شامل رویدادهای مختلف باشد: رویدادهای تجاری، رویدادهای کودکان، جشنواره ها، مهمانی های موسیقی و غیره.
واضح است که اگر موجودیت ها دارای یک سلسله مراتب، یعنی نوعی تودرتو باشند، به خوبی ممکن است خواص (Properties) را از والدین خود بگیرند. نهاد جشنواره ویژگیهای موجودیت رویداد را میپذیرد، و همچنین ویژگیهای مهمترین موجود در فهرست - Thing را میپذیرد.
اکنون میدانید که Yandex نام و ویژگیهای ژانری گمشده را برای مثال نشانهگذاری میکروفیلم از کجا آورده است؟ ویژگی ژانر در موجودیت والد CreativeWork است که یک فیلم درون آن قرار دارد. و ویژگی name در موجودیت اصلی Thing است که شامل موجودیت CreativeWork است. همه چیز ساده است!
بنابراین، میتوانیم از ویژگیهای یک موجودیت خاص و والدین آن استفاده کنیم. در واقع، در صفحه هر موجودیت تودرتو در سایت Schema.org، لیستی از خواص نه تنها برای خودش، بلکه برای والدینش نیز ارائه می شود. فقط صفحه را به پایین اسکرول کنید و آنها را به ترتیب مشاهده خواهید کرد.
اکنون نحوه استفاده از سایت Schema.org مشخص می شود: شما ویژگی های یک موجودیت را انتخاب می کنید و آنها را با کلمات خود توصیف می کنید. علاوه بر این، بسیاری از نهادها نمونه هایی از استفاده را در پایین صفحه دارند. آنها به وضوح به درک چگونگی اعمال همه اینها کمک می کنند.
چرا Schema.org؟
پس چرا Schema.org و نه کس دیگری؟ اصلا این بچه ها چه کسانی هستند؟ به گفته ویکی پدیا، این یک گروه ابتکاری از رفقا از بزرگترین موتورهای جستجوی Google، Yahoo!، Bing و Yandex است که در سال 2011 تصمیم گرفتند به مجموعه خاصی از فراداده معنایی اضافه کنند که باید نتایج جستجو را بهبود بخشد.
توسعه دهندگان schema.org به عنوان فرمت اصلی برای علامت گذاری یک صفحه وب با ابرداده پیشنهاد می کنند میکرو مارکینگ- برچسبها و ویژگیهایی برای علامتگذاری اطلاعات ساختاریافته در صفحات وب که در استاندارد HTML5 ظاهر شدهاند.
Itemscope و itemtype چیست و برای چیست؟
C itemprop - Property (Properties)، امیدوارم قبلاً آن را فهمیده باشید. برای کسانی که هنوز متوجه نشدهاند، این کوچکترین جزئیات نشانهگذاری میکرو است که نشاندهنده ویژگی خاصی از یک شی است. مثلا:
جیمز کامرون
این خط به سادگی می گوید که دوستی به نام جیمز کامرون یک لودر از Privoz نیست، بلکه یک کارگردان واقعی است.
itemtype - به معنای موجودیت خاصی است که با استفاده از ریزداده توصیف می کنیم. مثلاً فیلم (فیلم).
Itemscope - به معنای یک موجودیت به طور کلی است. این ویژگی به سادگی به موتورهای جستجو می گوید که در اینجا نوعی موجودیت نشانه گذاری وجود دارد و آنها، موتورهای جستجو، باید به آن توجه کنند.
معمولاً این دو ویژگی یکی پس از دیگری نوشته می شوند و هر دو یا دو ویژگی را به بلوک DIV در سایت اضافه می کنند. Itemscope ابتدا می آید و سپس itemtype + پیوندی به بخش موجودیت خاص در Schema.org می آید:
موجودیت ها را می توان یکی در داخل دیگری قرار داد. به عنوان مثال، موجودیت مقاله بزرگتر میتواند حاوی نهادهای دیگری مانند NewsArticle، Report، و غیره باشد. اغلب، نهادهای جهانی مانند Article مستقیماً به برچسب بدنه در صفحه سایت اضافه میشوند:
سایر نهادها همانطور که در صفحه ظاهر می شوند اضافه می شوند. برای هر موجودیت خاص نیز پیشوندهای آیتمکوپی دارای ویژگیهای نوع مورد است. بر این اساس، می تواند چندین ساختار از این قبیل در یک صفحه سایت وجود داشته باشد، و آنها باید تو در تو باشند - همه چیز مانند تگ های HTML معمولی است.
نحوه استفاده از میکرو دیتا در وب سایت
Micro-markup را می توان مستقیماً به کد HTML صفحه اضافه کرد یا می توانید از افزونه های شخص ثالث برای CMS مانند وردپرس و غیره استفاده کنید.
برای اتصال ویژگیهای آیتمکوپ، نوع آیتم و آیتمپروپ، میتوانید از تگهای HTML موجود برای بلوکها، پاراگرافهای متن، پیوندها و فهرستها استفاده کنید، یا میتوانید تگهای بازه خنثی اضافه کنید.
اگر نیاز دارید که ویژگی url (link) را به micromarkup اضافه کنید، اما آن را به عنوان یک پیوند نشان ندهید، می توانید از برچسب پیوند استفاده کنید. بازدیدکنندگان آن را به صورت متن می بینند و ربات جستجو آن را همانطور که باید می خواند.
برخی از وب مسترهای حیله گر از متا تگ در بدنه صفحه استفاده می کنند. متا تگ، کارل!!! من انجام این کار را توصیه نمی کنم. اولاً این تگ سر صفحه است و به آنجا تعلق دارد. و دوم اینکه موتورهای جستجو از آن استقبال نمی کنند، پس مراقب باشید.
علاوه بر این، گاهی اوقات همان وب مسترهای حیله گر توصیه می کنند بخشی از متن علامت گذاری شده با میکرومارک را از بازدیدکنندگان با استفاده از CSS پنهان کنید. من شدیدا توصیه می کنم این کار را انجام ندهید! این یک پنهان کاری معمولی است که موتورهای جستجو به راحتی می توانند شما را ممنوع کنند.
میکرو دیتا چقدر باید در سایت انجام شود؟
برخی از وب مسترها را با نان تغذیه نکنید - فقط به آنها اجازه دهید چیزهای اضافی را در سایت هدایت کنند. همین امر در مورد میکرومارکینگ نیز صدق می کند. شما نباید مانند graphomaniacs باشید و ویژگی های micro-markup را برای هر squiggle در سایت ایجاد کنید. همه چیز باید در حد اعتدال باشد. در غیر این صورت، یک کار خوب به شیدایی تبدیل می شود و خود محتوای مفید در پشت جنگلی از ویژگی های نشانه گذاری خرد گم می شود.
موتورهای جستجو در مورد نشانه گذاری میکرو قابل ستایش هستند، اما سرعت بارگذاری صفحه را نیز به دقت کنترل می کنند. اگر مقدار میکرو دیتای شما 5 تا 10 برابر محتوای مفید صفحه باشد، می توان سرعت بارگذاری را به میزان قابل توجهی کاهش داد. پس از همه، هر ساختار آیتمکوپی به سایت schema.org ارسال میکند و دستورالعملهای لازم را از آنجا میکشد.
بنابراین، همانطور که دوست دارید با میکرومارکینگ سرگرم شوید، اما بدانید چه زمانی باید متوقف شوید!
نحوه بررسی صحت ریز داده ها
شما می توانید به این رمز وارد شوید که خود شیطان پای او را بشکند. بنابراین، اعتبارسنجیهای ریز دادههای مناسبی وجود دارد گوگلو یاندکس علاوه بر این، هر یک از آنها به روش خاص خود به صحت ریز داده ها مربوط می شود، این را در نظر داشته باشید.
اگر چیزی را خراب کردید، اعتباردهنده پیام(های) مناسب را صادر می کند. یا خطا، یا هشدار، یا هر دو. آنها را بخوانید، بفهمید و بلافاصله تصحیح کنید. اشتباهات باید حتماً اصلاح شوند، اخطارها را می توان امتیاز داد، اما بهتر است به دور از گناه، آن را نیز اصلاح کنید.
نحوه ساخت میکرو دیتا در قالب وردپرس
برای وردپرس چندین پلاگین آماده برای افزودن میکرو دیتا وجود دارد. من طرفدار افزونه های اضافی نیستم، به خصوص که آنها اغلب به تنهایی کار می کنند، که همیشه واضح و قابل درک نیست. بنابراین، من طرفدار آن هستم که همه چیز را با قلم های بازیگوش خود به قالب اضافه کنم.
افزودن میکرو دیتا به قالب وردپرس آسان نیست، اما بسیار ساده است! به عنوان مثال، صفحه ای با پست های جداگانه را در نظر بگیرید که معمولاً توسط قالب single.php ارائه می شود. تنها چیزی که نیاز دارید این است که کدهای زیر را در جای خود تزریق کنید:
itemscope itemtype=http://schema.org/Article - با ویژگی پست یا ورودی به یک برچسب DIV اضافه کنید.
itemprop="name" – به تگ h1 یا h2 اضافه کنید.
itemprop="url" - به تگ h1 یا h2 به همراه تگ پیوند اضافه کنید. مثال:
itemprop="author" - به کدی اضافه کنید که نام نویسنده را نمایش می دهد. مثال:
itemprop="datePublished" - تاریخ انتشار در قالب "Y-m-d". مثال:
itemprop="articleBody" – درج در بلوک خروجی متن مقاله.
itemprop="articleSection" – خروجی روبریک;
itemprop="image" – پیوند به تصویر برای پست؛
و غیره.
عاقلانه تر کل فرآیند رنگ آمیزی شده است توصیه می کنم!
امیدوارم اکنون بتوانید به راحتی ریزداده Schema.org را درک کنید.
البته در اینترنت فقط این نوع ریزداده وجود ندارد. در واقع، چندین مورد از آنها برای کارهای مختلف وجود دارد. دفعه بعد در مورد Open Graph صحبت خواهیم کرد - دومین نسخه محبوب micro-markup از شبکه اجتماعی فیس بوک. برای نمایش مناسب صفحات سایت در شبکه های اجتماعی طراحی شده است.
در تماس باش!
کتاب جدیدی با عنوان «بازاریابی محتوای رسانههای اجتماعی: چگونه وارد ذهن مشترکان شویم و آنها را عاشق برند خود کنیم» منتشر کردهایم.
در تگ باز، ویژگی را اضافه کنید آیتمکوپ این بدان معنی است که این تگ حاوی مقداری موجودیت است. بیایید نوع موجودیت را با ویژگی itemtype، بلافاصله بعد از آن مشخص کنیم آیتمکوپ نام های تایپ به صورت URL هستند. تعیین انواع microdata را می توان در وب سایت رسمی Schema.org یافت. ما نامی مانند http://schema.org/Article داریم.
پس از اعلان یک موجودیت، اجازه دهید ویژگی های آن را مشخص کنیم. نحو خصوصیات موجودیت را می توان در وب سایت رسمی Schema.org یافت. برای اعلام خواص از یک ویژگی استفاده می شود. itemprop به همین ترتیب، ما در صفحه یک برچسب حاوی عنوان مقاله خود پیدا می کنیم. حالا بیایید یک ویژگی با نام ویژگی اضافه کنیم. ما یک نام ملک داریم - نام عنوان.
CMS از نظر سئو
همه ویژگی های موجودیت به طور مشابه اعلام می شوند. در زیر لیست می کنیم:
3 دسامبر 2014 CMS
بعد از اینکه موجودیت و خصوصیات آن را تعریف کردیم، باید تغییرات مناسب را در کد صفحه اعمال کنیم، یعنی ویژگی های اضافی را به تگ ها اضافه کنیم. در نتیجه، نشانه گذاری معنایی صفحه وبلاگ را دریافت می کنیم. آسان است، درست است؟
اگر سوال یا ابهامی دارید، همیشه به وب سایت رسمی مراجعه کنید. این شامل تمام اطلاعات لازم در مورد موجودیت ها و ویژگی های آنها و همچنین نمونه هایی از نشانه گذاری معنایی Schema.org است که در موقعیت های مختلف استفاده می شود.
در واقع، HTML "زبان نشانه گذاری فرامتن" نامیده می شود. می توان آن را زبان "نشانه گذاری ماکرو" نامید - نشانه گذاری محتوای تمام محتویات یک صفحه وب.
موتورهای جستجو، Yandex و Google نیز الزامات نشانه گذاری خاص خود را دارند. این نیاز را می توان به صورت زیر فرموله کرد: سازماندهی محتوا که تجزیه و تحلیل صفحه را تسهیل می کند. هرچه محتوا سختتر باشد، ربات جستجوگر دقیقتر و سریعتر کار خود را انجام دهد، فهرستسازی و ارتقای سایت موفقتر خواهد بود.
تمامی الزامات این نوع در میکرو دیتای سایت جمع آوری شده است.
برای کاربر، نتیجه استفاده موفق از ریزداده، یک قطعه کاملتر (پیش نمایش سایت) در نتایج جستجو است. سایت هایی که به خوبی علامت گذاری شده اند، نرخ کلیک (CTR) بالاتری در نتایج جستجو دارند. این به این معنی است که شما ترافیک ارگانیک بیشتری دریافت خواهید کرد و به همین دلیل موقعیت های شما رشد خواهد کرد.
برای پیاده سازی نشانه گذاری، از ویژگی های خاص در کد HTML استفاده می شود. تمام اطلاعات لازم در یک فایل html بدون دخالت منابع خارجی جمع آوری می شود. در اینجا نمونه ای از نشانه گذاری میکرو ارائه شده توسط Google است (در اینجا موضوع سایت "تصاویر" است):
Yandex از یک سیستم نشانه گذاری کوچک کمی متفاوت از Google استفاده می کند:
کد صفحه مشابه را مقایسه کنید، اما بدون علامت گذاری:
5 فرمت نشانه گذاری محبوب:
همه فرمت ها در حال توسعه دائمی هستند و تا کنون نشانه گذاری منحصر به فرد برای همه مناطق وجود ندارد.
هدف اصلی میکرو دیتا انتقال داده در مورد محتوای سایت است. بر اساس این داده ها، موتورهای جستجو قطعه هایی را در نتایج جستجو ایجاد می کنند و همچنین سایت را فهرست می کنند.
چگونه میکرو دیتا را پیاده سازی کنیم؟
مکانیسم اعمال میکرو نشانه گذاری در نمونه فرمت Schema.org. سه مرحله:
- توضیحات در یک ظرف محصور شده است - به آن یک نام و یک نوع داده می شود:
…
- در داخل ظرف، توصیف یک ویژگی خاص رخ می دهد.
- در خارج از کانتینر، در نقاط کاربردی خاص، اطلاعات با اشاره به یک ویژگی طرحواره مشخص علامت گذاری می شوند:
الکساندر پوشکین، 114
جالب اینجاست که هیچ الگوریتم واحدی برای پردازش داده های دریافتی وجود ندارد، همه اینها به موضوع خاص سایت بستگی دارد.
از آنجایی که مقدار اطلاعات در مورد هر موضوع بسیار گسترده است، بررسی آن از نظر مطابقت با استانداردها ضروری است. Yandex و Google دارای اعتباردهنده های ویژه برای بررسی ریز داده ها در سایت هستند.
بررسی ریز داده ها در Yandex Webmaster
ما تمام اطلاعات لازم برای تجزیه و تحلیل را داریم:
اکنون در قسمت ورودی چند صفحه ای زیر عنوان دو رنگ « URL سند یا درج قطعه ای از کد HTML » آدرس صفحه مورد بررسی را قرار می دهیم.
فقط یک مشکل در اینجا وجود دارد - صفحه باید حاوی این علامت گذاری بسیار کوچک باشد. اگر علامت گذاری میکرو وجود نداشته باشد، پیامی به سادگی در زیر عنوان "بررسی نتیجه" نشان داده می شود که هیچ نشانه گذاری در صفحه یافت نشد.
بررسی با دکمه "Check" یا کلید ترکیبی Ctrl + Enter آغاز می شود.
اگر از نشانه گذاری در سایت استفاده شود، نتیجه بررسی در فیلد چند صفحه ای زیر منعکس می شود:
اگر به تازگی کد HTML صفحه را وارد کرده اید، نتیجه کار با آدرس میزبان محلی نشان داده می شود:
اگر در مورد سرویس اعتبارسنجی نشانه گذاری Yandex سؤالی دارید، می توانید به صفحات راهنمای میزبانی این سرویس در آدرس زیر مراجعه کنید: https://yandex.ru/support/webmaster/yandex-indexing/validator.xml
اعتبار سنج Yandex، علاوه بر بررسی کامل پنج قالب ریزداده فهرست شده، فرمت داده های مشخص شده و قطعه های ویژه را نیز بررسی می کند.
اعتبار سنج شش نتیجه از کار خود را در مورد خطاهای تجزیه شناسایی شده ارائه می دهد:
- صفحه برای تجزیه و تحلیل بارگیری نشد.
- هیچ نشانهگذاری کوچکی شناسایی نشد - ممکن است به دو دلیل اتفاق بیفتد - یا واقعاً نشانهگذاری وجود ندارد، یا فرمتبندی نادرست است.
- عدم وجود یک فیلد الزامی قبلاً یک عنصر تأیید است، به عنوان مثال، هنگام توصیف یک تصویر، آدرس آن نشان داده نمی شود.
- نمی توان تعیین کرد که برخی از فیلدها به چه چیزی تعلق دارند - آنها معمولاً فراتر از نشانه گذاری خود هستند.
- شرایط سازماندهی قطعه ها برآورده نمی شود.
- ویژگی "content" متا تگ حاوی یک پیوند است که مجاز نیست.
علاوه بر این، سه هشدار ممکن است در پنجره نتایج ظاهر شود:
- مقدار فیلد نادرست - به عنوان مثال، فرمت تاریخ نادرست.
- نوع داده نادرست تنظیم شده است - لطفاً توجه داشته باشید که همراه با انواع استاندارد تعریف شده توسط W3C، Yandex برخی از انواع خود را نیز تعریف می کند.
- عدم وجود نشانه گذاری که باید همراه با علامت فعلی استفاده شود.
در نتیجه اعتبارسنجی که توسط Yandex با موفقیت انجام شد، صفحه به عنوان یک قطعه ساختاریافته در نتایج جستجوی Yandex ارائه میشود. این معمولا پس از 10-14 روز اتفاق می افتد.
بررسی ریز داده ها در گوگل
ریزدادههای Google به روشی مشابه تأیید میشوند: https://developers.google.com/structured-data/testing-tool/
طرح طرح بندی میکروداده ای که گوگل روی آن تمرکز دارد Schema.org نامیده می شود. از بسیاری جهات، ایده کار "آمریکایی" با کار نسخه روسی اعتبار سنجی تفاوتی ندارد.
همانطور که مشاهده می کنید در اینجا نیز امکان وارد کردن آدرس صفحه مورد بررسی و یا مستقیما کد html وجود دارد.
آزمون با کلیک بر روی دکمه "اجرای تست" شروع می شود. علیرغم این واقعیت که هر دو اعتبار سنجی بر اساس یک طرح Schema.org کار می کنند، نتایج کار آنها تا حدودی متفاوت است. این هم خروجی گوگل:
تمرین نشان می دهد که اعتبار سنجی گوگل الزامات نشانه گذاری سخت گیرانه تری را اعمال می کند و خطاهای کمتری را پیدا می کند. علاوه بر این، گوگل به مالک سایت اطلاع نمی دهد که پس از چه مدت نشانه گذاری اعمال می شود و در نتایج جستجو قابل مشاهده است.
لازم است، در صورت امکان، از هر دو اعتبار سنجی و نتیجه گیری بر اساس بررسی مضاعف استفاده شود.
26.05.2017 زمان مطالعه: 30 دقیقه
یکی از عمیق ترین خواسته های صاحبان سایت و سئوکاران این است که سایت خود را در نتایج جستجو برجسته کنند تا از رقبا متمایز شود و کاربران بیشتر از آن بازدید کنند. موثرترین راه برای دستیابی به این هدف، کار با داده های ساختاریافته است. در این مقاله سعی می کنیم بفهمیم که داده های ساخت یافته چیست و چگونه می توانید آن ها را در سایت خود جاسازی کنید.
چگونه همه چیز شروع شد؟
طرح یکپارچه فرمتها برای نشانهگذاری معنایی سایتها، که همه ما اکنون میشناسیم و از آن استفاده میکنیم، در سال 2011 با پشتیبانی غولهایی مانند گوگل، یاهو ظاهر شد! و "Microsoft" (بعدها بازیکن چهارم به "Yandex" پیوست). قبل از این، نشانه گذاری داده ها در قالب های مختلف وجود داشت و ساختار واحدی وجود نداشت. مثلا یاهو! سرویسی به نام "SearchMonkey" وجود داشت که قبلاً در سال 2008 به شما امکان می داد داده ها را در صفحه علامت گذاری کنید و قطعه های منحصر به فردی را در نتایج جستجوی موتور جستجوی خود ایجاد کنید.
شرکت ها یک هدف جهانی داشتند - ایجاد یک قالب داده های ساختار یافته مشترک که نمایش سایت ها را در موتورهای جستجو بهبود بخشد و کیفیت جستجو را بهبود بخشد. مبتکران به اهداف تعیین شده دست یافتند، در نتیجه فرهنگ لغت schema.org متولد شد که تعداد زیادی از قوانین را برای نشانه گذاری microdata در سایت ترکیب می کند.
داده های ساخت یافته چیست؟
داده های ساختاریافته اطلاعاتی هستند که به صورت واحد و صحیح و با رعایت مجموعه ای از قوانین ارائه می شوند.
ما اصول کار با هر فرهنگ لغت را شرح نمی دهیم، تنها سه مورد از آنها را با جزئیات بیشتر تجزیه و تحلیل خواهیم کرد: Json-ld، Opne Graph و schema.org.
بیایید با فرهنگ لغت محبوب microdata schema.org شروع کنیم. نتیجه همکاری بین گوگل، یاهو، مایکروسافت و یاندکس به طور فعال توسعه یافته و به طور منظم تا به امروز به روز می شود. در زمان نوشتن مدخل، فرهنگ لغت حاوی توضیحاتی برای 589 نوع سند، 860 ویژگی شی و 114 مقدار خاص است. لیست کاملی از تمام ویژگی ها به صورت سلسله مراتبی در این صفحه فهرست شده است.
نوع اصلی موجود در فرهنگ لغت schema.org Thing است که به نوبه خود به چندین زیرگروه دیگر تقسیم می شود. برخی از آنها:
- CreativeWork - مجموعه ای کلی از قوانین برای توصیف فعالیت خلاق: مقالات، کتاب ها، فیلم ها، عکس ها، نرم افزارها و غیره.
- رویداد - مجموعه ای از قوانین برای رویدادهایی که در یک دوره زمانی خاص رخ داده یا خواهند افتاد: جلسات، کنسرت ها، نمایشگاه ها و غیره.
- ناملموس - یک کلاس خدماتی که شامل چندین چیز نامشهود است، مانند اندازه ها، رتبه بندی ها، شرح موقعیت های شغلی خالی، خدمات و غیره.
- سازمان - مجموعه ای از قوانین برای علامت گذاری سازمان ها، یک لیست کامل از انواع مختلف کسب و کار در صفحه localBusiness فهرست شده است. همچنین می توانید این لیست را در راهنمای Yandex مشاهده کنید https://yandex.ru/support/webmaster/supported-schemas/address-organization.html ;
- شخص - یک موجودیت برای توصیف افراد یا شخصیت های زنده، متوفی، تخیلی استفاده می شود.
- مکان - مجموعه قوانین برای چیزی که مکان فیزیکی ثابتی دارد (ساختمان، پارک، بنای تاریخی و غیره).
- محصول هر چیزی است که برای فروش ایجاد می شود. به عنوان مثال، یک جفت کفش، یک بلیط یا یک ماشین.
هر نوع فرعی شامل تعداد زیادی تگ برای توضیح است، بنابراین تقریباً هر نوع کسب و کاری نوع لازم را از نشانه گذاری پیدا می کند.
بیشتر تگهای دیکشنری دارای کاربردهایی به شکل یک قطعه نمونه از کد HTML یا اسکریپت JSON-LD هستند. در زیر نمونه هایی از صفحه آرایی با یک مقاله (مقاله)، یک محصول (محصول) و یک سازمان (سازمان) را بررسی خواهیم کرد.
الگوی ریزداده مقاله با استفاده از schema.org
اغلب، ریز دادهها مانند URL، datePublished، dateModified، عنوان، تصویر، نویسنده، ناشر و غیره علامتگذاری میشوند. اجازه دهید به یک مثال خاص نگاه کنیم:
H1 HEADING
"https://schema.org/ImageObject"> "عرض پیش نمایش در پیکسل"ارتفاع= "ارتفاع پیش نمایش بر حسب پیکسل" src= "پیوند به پیش نمایش تصویر" alt= "پیش نمایش توضیحات جایگزین" />"پیش نمایش توضیحات جایگزین">بیشتر مقالات علامتگذاریشده از طرح مشابهی پیروی میکنند. شایان ذکر است که در این مثال برخی از تگ ها در قسمت مشخص شده اند
(توضیحات متا و پیوند به نویسنده در g+)، و بقیه در بدنه سند HTML نوشته شده است. برخی از برچسبها اختیاری هستند، به عنوان مثال، یک مقاله حتی بدون نشانهگذاری با برچسبهای articleBody یا ناشر احساس خوبی خواهد داشت، اما بعید است که از بررسی اعتبار در ابزارهای Yandex یا Google عبور کند.تصویر 3. نمونه ای از یک صفحه در SERP با نشانه گذاری میکرو یک مقاله در گوگل. تاریخ انتشار در کنار مقاله نمایش داده می شود.
تصویر 4. نمونه ای از صفحه در نتایج جستجو برای همان پرس و جو در تصویر 3، فقط در Yandex. تاریخ در سمت راست ظاهر میشود، با تاریخ انتشار یا ایجاد آن در بالا و تاریخ اصلاح آن در زیر.
الگوی ریزداده کارت محصول با استفاده از schema.org
نوع بعدی ریزداده که به آن نگاه خواهیم کرد محصول یا به عبارت دیگر نشانه گذاری معنایی کارت محصول خواهد بود.
محتوا H1
به فرمت قیمت توجه ویژه ای داشته باشید، زیرا بیشتر اشتباهات در علامت گذاری میکرو کارت های محصول در آن وجود دارد. میتوانیم هر مقداری را در متن با هر قالبی بنویسیم و مستقیماً در خود برچسب قیمت، قیمت را کاملاً به صورت پولی نشان میدهیم، در غیر این صورت موتورهای جستجو این خط را نادیده میگیرند.
تصویر 5. نمونه ای از نتایج جستجوی گوگل که قیمت را در قالب "FROM" و "TO" نشان می دهد.
الگوی ریزداده سازمان با schema.org
آخرین قالبی که به آن نگاه خواهیم کرد نشانه گذاری سازمان است. به طور معمول، این نشانه گذاری برای ساختاردهی اطلاعات در صفحه تماس استفاده می شود.
schema.org دایره لغات بسیار زیادی دارد. به همین دلیل، در حین کار با آن، ممکن است مشکلاتی پیش بیاید، اما همه برچسبها در نشانهگذاری مورد نیاز نیستند و بیشتر آنها را میتوان حذف کرد. در مثالهای ارائهشده، من ابتداییترین تگهایی را که میتوان در حین کار با نشانهگذاری schema.org استفاده کرد، فهرست کردهام، اما میتواند تعداد بیشتری از آنها باشد.
گوگل یک ویژگی خاص دارد ابزاربرای علامت گذاری صفحات بر اساس فرهنگ لغت schema.org. ایجاد طرح بندی صفحه را بسیار ساده تر می کند.
تصویر 6. مثال از Yandex. اطلاعات اضافی درباره سازمان در زیر توضیحات صفحه نمایش داده می شود و می توان آن را به صورت دستی، با استفاده از نشانه گذاری یا با استفاده از سرویس Yandex.Directory جاسازی کرد.
مزایا و معایب میکرو دیتا schema.org
- فرهنگ لغت بزرگ که به طور مداوم به روز می شود.
- پشتیبانی شده توسط تمام موتورهای جستجوی محبوب؛
- کد توسط اسکریپت ها پنهان نمی شود و کاملاً در محتوای صفحه است.
- نمایش قطعات در نتایج جستجو را بهبود می بخشد.
- تقریباً برای هر سایتی می توانید نشانه گذاری پیدا کنید.
- پلاگین هایی برای خودکارسازی تولید ریزداده ها وجود دارد.
- به طور فعال توسعه یافته و تکمیل شده است.
- تعداد زیادی از طرحهای نشانهگذاری میکرو میتوانند کاربر ناآماده را بترسانند.
- دانش اولیه در مورد چیدمان و تغییرات کد صفحه مورد نیاز است.
- کدهای HTML را پیچیده می کند که سرعت توسعه سایت را کاهش می دهد.
- تمام اسناد کمک رسمی به زبان انگلیسی؛
- همه دارایی ها دارای نمونه های استفاده در وب سایت رسمی نیستند.
ابزارهای نشانه گذاری Schema.org
هنگام کار با microdata schema.org، خدماتی مانند:
- ابزار اعتبارسنجی داده های ساختاریافته از گوگل؛
- دستیاربا توجه به نشانه گذاری میکرو صفحه طبق فرهنگ لغت schema.org از Google. در نتیجه، کد HTML صفحه را با علامت گذاری میکرو از قبل تعبیه شده دریافت می کنیم.
- بررسی نشانه گذاری معنایی از Yandex.
- سایت نشانه گذاری رسمی؛
- ترجمه غیر رسمی وب سایت schema.org به روسی؛
- "All In One Schema.org Rich Snippets"، "Wprichsnippets.com"، "Schema App Structured Data" - افزونه هایی برای وردپرس که نشانه گذاری معنایی schema.org را به طور خودکار ایجاد می کنند.
- Notepad++ - یا هر ویرایشگر متن دیگری.
این پروتکل توسط فیس بوک برای بهبود نمایش قطعات لینک از سایت های خارجی در شبکه های اجتماعی ایجاد شده است. این احتمالاً یکی از سادهترین و کوچکترین فرهنگهای ریزداده است. شما می توانید پیاده سازی نشانه گذاری را با چهار ویژگی اصلی شروع کنید:
- og:title - عنوان صفحه.
- og:type - نوع شی، به عنوان مثال، "music.album" (آلبوم). سایر ویژگی ها بسته به نوع پشتیبانی می شوند. تمام ویژگی های ممکن برچسب نوع در وب سایت رسمی ذکر شده است.
- og:image - URL تصویر.
- og:url - URL متعارف شی.
همه تگهای نشانهگذاری «گراف باز» در ظرف نوشته میشوند
.علاوه بر ویژگی های اصلی، می توانید موارد دیگری را نیز مشخص کنید که نمایش لینک ها را در شبکه های اجتماعی بهبود می بخشد:
- og:audio - آدرس فایل صوتی در صورت پخش موسیقی هنگام باز شدن صفحه.
- og:determiner کلمه ای است که قبل از نام این شی در یک جمله ظاهر می شود. نوع enum (a, an, the, ", auto). اگر خودکار انتخاب شود، مصرف کننده داده باید بین «a» یا «an» انتخاب کند. پیش فرض " " (خالی) است. این تگ به دلیل استفاده از مقالات مختلف مانند "a"، "the"، "an" و غیره بیشتر مربوط به بخش انگلیسی است.
- og:description - توضیحات صفحه، تعداد کاراکترهای مجاز از 160 تا 295 کاراکتر.
- og: locale - زبان و کشور. فرمت نمایش language_TERRITORY است، پیشفرض en_US است. برای بخش روسی زبان، برچسب ru_RU تجویز شده است.
- og:locale:alternate - زبان یا کشور جایگزین.
- og:site_name - نام سایت.
- og:video آدرس ویدیو است.
الگوی طرح بندی صفحه نمودار را باز کنید
در زیر نمونه ای از یک کد HTML با تمام ویژگی های ممکن آورده شده است؛ در عمل، برخی از این تگ ها مشخص نشده اند و چهار ویژگی استاندارد کافی است:
مزایا و معایب ریزداده Open Graph
آخرین نوع نشانه گذاری و ساختار داده که به آن نگاه خواهیم کرد JSON-LD است. این نام وحشتناک مخفف "JavaScript Object Notation Linked Data" است. "کنسرسیوم وب جهانی" یا به عبارت دیگر "W3C" مسئولیت توسعه قالب را بر عهده دارد. این قالب همان عملکرد schema.org را انجام می دهد، اما به روشی کمی متفاوت: داده ها را با استفاده از جاوا اسکریپت ساختار می دهد، که کار را چندین برابر آسان تر می کند.
یکی از مزایای این فرمت این است که از دیکشنری schema.org برای توصیف داده ها استفاده می شود. بنابراین، با کمک اسکریپت های JSON-LD، می توانیم هر نوع موجودی را توصیف کنیم و نمایش سایت خود را در نتایج جستجو بهبود بخشیم و حداقل زمان را برای این کار صرف کنیم. علاوه بر این، این کار را می توان بدون وارد کردن تگ های HTML به بدنه صفحه انجام داد، فقط باید مشخص کنید.
برای وضوح، بیایید نشانه گذاری schema.org و JSON-LD را با هم مقایسه کنیم:
کفش ورزشی
الگوی نشانه گذاری مقاله با JSON-LD
من نمونهای از نشانهگذاری با استفاده از JSON-LD بر اساس نشانهگذاری میکرو یک مقاله در schema.org از همان مطالب بالا گرفتم. تمام خواص مشابه استفاده می شود.