Microdata را به ماژول breadcrumbs (mod_breadcrumbs) اضافه کنید. "Breadcrumbs": نشانه گذاری میکرو و تاثیر آن بر تکه های صفحه ریز نشانه گذاری سازمان طرحواره breadcrumbs

با سلام خدمت دوستان امروز پست 400 سالگی وبلاگ من است. به مناسبت چنین تاریخی، واقعاً می خواستم مطالب واقعاً مفیدی ارائه دهم تا جالب، مفید و مرتبط باشد. و موضوع چنین مقاله ای از بین رفت - من می خواستم شکل گیری تکه های زیبا را در جستجو درک کنم ، اما در همان زمان دو موضوع دیگر را بررسی کردم:

• نصب breadcrumb در وبلاگ وردپرس خود (من آن را بدون افزونه می خواستم تا سایت بارگیری نشود)
• و راه اندازی نشانه گذاری میکرو (بدون آن، خرده نان استفاده کمی دارد).

عنصر ناوبری

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

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

به هر حال، نام "نان خرده نان" در ابتدا فقط ناوبری در سایت بود. افسانه «هنسل و گرتل» را به یاد بیاورید که بچه‌ها تکه‌های نان را سر راهشان پرت می‌کردند تا بعداً راه بازگشت را پیدا کنند. در افسانه، این روش کمک زیادی به آنها نکرد، اما برای وب سایت ها مفید بود.

نمایان شدن قطعه در نتایج جستجو

بنابراین ، من در چنین ابزاری برای وبلاگ خود نکته ای ندیدم تا اینکه به معنای دوم خرده ها برخورد کردم - معلوم می شود که آنها نه تنها توسط مردم، بلکه توسط موتورهای جستجو نیز دیده می شوند. و موتورهای جستجو آنها را نه تنها به عنوان پیوندهای داخلی که بر پیوند و توزیع وزن صفحه تأثیر می گذارد، بلکه به عنوان یک عنصر ناوبری مهم نیز می بینند. Yandex و Google از این عنصر برای ایجاد یک قطعه استفاده می کنند. من نمی خواهم برای مدت طولانی به شما بگویم که چگونه به نظر می رسد، بهتر است یک بار آن را با چشمان خود ببینید:

Snippet نمایش یک سایت در نتایج جستجو است.

هرچه قطعه جذاب تر باشد، نرخ کلیک آن بیشتر می شود، که بلافاصله جلوه مضاعف می دهد:

• کلیک بیشتر به معنای ترافیک بیشتر به سایت است،
• نرخ کلیک یک قطعه به عوامل رفتاری اشاره دارد، و هر چه بیشتر باشد، برای یک منبع آسان تر است که برای جستجوهای لازم به TOP صعود کند.

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

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

مجبور شدم در فروم ها و وبلاگ های زیادی را بچرخانم. در بیشتر موارد، آنها فقط در مورد نیاز به خرده‌ها می‌نویسند و قابلیت استفاده و قطعه را بهبود می‌بخشند و سپس دستورالعمل‌هایی را برای راه‌اندازی افزونه Breadcrumb NavXT می‌نویسند (Breadcrumb در انگلیسی خرده نان است) یا کد پیاده‌سازی را بدون افزونه ارائه می‌کنند - و این همه است. من این تصور را دارم که اکثر وب مسترها هیچ ایده ای از نحوه صحیح کار با این عنصر ندارند و آن را تنها به عنوان یک عنصر پیوند داخلی صفحه درک می کنند.

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

علامت گذاری میکرو روی خرده نان

من خیلی تنبل نبودم، وارد جستجو شدم، تجزیه و تحلیل کردم که Breadcrumb در سایت های مختلف چگونه ساخته شده است و چگونه این سایت ها در جستجو به نظر می رسند. نظریه من درست شد:

• crumbs در سایت وجود دارد - بدون علامت گذاری میکرو - یک قطعه معمولی با یک URL.

• crumbs وجود دارد - نشانه گذاری میکرو وجود دارد - یک قطعه بهبود یافته.

من همه چیزهایی را که لازم داشتم بیرون آوردم و امروز در مورد خرده نان از A تا Z به شما خواهم گفت. از نظر فنی، قرار دادن آنها در سایت حتی نیمی از کار نیست - 10٪ است. ویژگی اصلی که مزایای واقعی را به همراه خواهد داشت، نشانه گذاری میکرو است.

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

من همین چند ماه پیش با میکرومارکینگ به عنوان یک مفهوم آشنا شدم. در آن زمان چیز زیادی متوجه نشدم، اما سعی کردم عناصر اساسی را برای مقالات و نظرات تنظیم کنم. برخی از وبلاگ نویسان نوشتند که این تقریباً یک دکمه جادویی است که سایت ها را به TOP هل می دهد (عمدتاً دانش آموزان مدرسه وبلاگ نویسان الکساندر بوریسف) - نمی دانم چرا آنها چنین تصمیم گرفتند. این فوراً برای من مشکوک به نظر می رسید ، اما اکنون می توانم با اطمینان بگویم - در 2 ماه از داشتن نشانه گذاری میکرو در سایت من ، هیچ حرکت قابل توجهی در نتایج جستجو برای پرس و جوهای تبلیغاتی مشاهده نکردم.

در مورد علامت‌گذاری خرده‌های نان، وضعیت باید متفاوت باشد، ما منتظر هیچ حرکتی در نتایج جستجوی ارگانیک نخواهیم بود، اما روی آنچه در بالا گفتم حساب می‌کنیم - بهبود قابلیت کلیک کردن بریده‌ها و نان‌های مربوطه (رشد به دلیل). عوامل رفتاری).

Breadcrumbs در وردپرس بدون افزونه

بنابراین ما از مکالمات "چرا و برای چه" به مکالمات "چگونه انجامش دهیم" منتقل شده ایم. من فوراً پلاگین Breadcrumb NavXT را کنار گذاشتم، زیرا منطقی نیست که "نیاز به اصلاح با یک فایل باشد" و نمی داند که چگونه خود علامت گذاری میکرو را انجام دهد. گزینه دیگری وجود دارد - افزونه سئو وردپرس SEO توسط Yoast، همچنین می تواند خرده نان درست کند، اما من تمایلی به تغییر آن ندارم. تنها گزینه باقی مانده استفاده از یک اسکریپت یا تابع است.

اگر تصمیم به نصب breadcrumb در وردپرس دارید، آن را بدون افزونه انجام دهید - سایت کمتر بارگذاری می شود و فرصت های بیشتری برای تطبیق کد وجود خواهد داشت.

مرحله 1. تابع wp_zhilin_krohi

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

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

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

من مجبور شدم از نو شروع کنم، با تکیه بر توابع ساده تر PHP وردپرس (اما چیز جدیدی یاد گرفتم). در نتیجه، نتیجه تابع wp_zhilin_krohi بود (اولین باری که من یک تابع را با نام خودم نامگذاری کردم - nice)، که خرده نان را در صفحات دارای مقالات و در صفحات دسته بندی نمایش می دهد. همه دسته‌های والد (مهم نیست که چند دسته باشند) به طور خودکار در نظر گرفته می‌شوند و هر عنصر در علامت‌گذاری میکرو پیچیده می‌شود.

برای مقالات، خرده ها به صورت زیر هستند:

صفحه اصلی > عنوان والد (در صورت وجود) > دسته بندی > مقاله

صفحه اصلی > دسته والدین (در صورت وجود) > دسته >

من نگرانی دارم که عنوان مقاله در breadcrumbs منجر به اسپم شدن صفحه با کلمات کلیدی شود. من در این مورد درخواستی را به پشتیبانی فنی Yandex ارائه کردم ، در پاسخ آنها نوشتند که اگر هدف از این کار فریب موتورهای جستجو نیست ، نباید تحریمی وجود داشته باشد ، اما آنها در نظر گرفته می شوند. در اینجا پاسخ است:

بنابراین، اگر فکر می کنید تکرار بی مورد عنوان مقاله شما را آزار می دهد، خطوط 17 تا 20 را حذف کنید.

این خود تابع است، شما باید قبل از بسته شدن آن را به فایل functions.php تم خود اضافه کنید؟

/*** Crumbs با نشانه گذاری میکرو ***/ تابع wp_zhilin_krohi() ( if (!is_home()) ( echo "Home" "; ) if (is_category() || is_single()) ($cats = get_the_category() ;

نشانه گذاری میکرو بلافاصله در کد عملکرد قرار می گیرد و به طور خودکار همراه با هر پیوند نمایش داده می شود.

مرحله 2. نمایش تابع در صفحات

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

حداقل به یک فایل single.php نیاز دارید (پست‌ها را نمایش می‌دهد) - تقریباً همیشه یکسان نامیده می‌شود، و سپس بستگی به قالب دارد، در جایی صفحات دسته‌بندی از طریق archive.php نمایش داده می‌شوند، جایی از طریق index.php - شما یکی که شما نیاز دارید

در این فایل شما باید جایی را که می خواهید خرده ها را ببینید پیدا کنید. آنها معمولا در بالای سایت (قبل از عنوان پست) به عنوان یک عنصر ناوبری قرار می گیرند. به دنبال این قطعه کد بگردید - the_title را php کنید و خروجی تابع را در جلوی آن قرار دهید (به طرح در جایی که متناسب است نگاه کنید).

Breadcrumb همیشه در بالای صفحه قرار نمی گیرد. فرض کنید فقط برای نمایش یک قطعه به آنها نیاز دارید، سپس می توانید آنها را در زیرزمین قرار دهید - موتورهای جستجو نشانه گذاری میکرو را در آنجا مشاهده می کنند. این گزینه در وبلاگ سرگئی سوسنوفسکی پیاده سازی شد - او یک بلوک جداگانه در بالای صفحه برای کاربران دارد، اما علامت گذاری میکرو ندارد و خرده های نان با نشانه گذاری میکرو در پاورقی نمایش داده می شود (البته من واقعاً نمی دانم چرا ):

مرحله 3. طراحی

ظاهر هر عنصر صفحه باید با طراحی سایت شما هماهنگ باشد، بنابراین برای هر وبلاگ راه حل واحدی وجود ندارد.

من همان را در منابع خود تنظیم کردم - فونت خرده نان را در مقایسه با محتوای اصلی کاهش دادم. برای انجام این کار، من حتی سبک های جداگانه ای در فایل style.css ایجاد نکردم، بلکه تابع را در یک ظرف div محصور کردم و یک پارامتر را در آن مشخص کردم - اندازه فونت (شاید در تصویر بالا متوجه شده باشید):

تمام ویژگی های دیگر پودر سوخاری از سبک های تم به ارث رسیده است. برای اضافات کوچک (تغییر فونت، رنگ متن و غیره)، ویژگی های لازم را در همان ظرف مشخص کنید.

اگر می خواهید طراحی زنجیره پیوندهای نمایش داده شده را به طور اساسی تغییر دهید (تصاویر یا دکمه هایی بسازید)، سپس یک کلاس خاص به آنها اختصاص دهید، به عنوان مثال، مانند این - سپس برای این کلاس، یک بلوک جداگانه در style.css ایجاد کنید و مشخص کنید. تمام پارامترهای لازم

در اینجاست که دانش شما از شیوه نامه های آبشاری CSS و استعداد طراحی به کارتان می آید (اگر خودتان طراحی را انجام دهید).

بررسی ریز نشانه گذاری خرده نان

پس از انجام همه کارها، مطمئن شوید که عملکرد صحیح علامت گذاری میکرو را در اعتبارسنجی های ویژه Yandex و Google بررسی کنید، هرگز نمی دانید، برخی از اشکالات ظاهر می شوند:

webmaster.yandex.ru/microtest.xml developers.google.com/structured-data/testing-tool/ (45 رای، میانگین: 4.7 از 5)

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

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

علامت گذاری میکرو روی خرده نان

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

//سطح اول: صفحه اصلی

سئو وبلاگ Pingo

//سطح 2: دسته

برای مبتدی ها

//سطح 3: مواد نهایی
انواع پرس و جوهای جستجو

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

اعلام مورد: itemscope itemtype="http://data-vocabulary.org/Breadcrumb"

تعریف مقدار ویژگی پیوند: itemprop="url"

تعریف مقدار ویژگی نام: itemprop="title"

آخرین عنصر همچنین می تواند یک ویژگی url داشته باشد، اما به نظر من نیازی به آن نیست - چرا صفحه باید به خودش در breadcrumb اشاره کند؟

ویژگی ها را می توان همراه با هر برچسبی استفاده کرد - فقط ترتیب و سطح تودرتو مهم است. مثلا:

برای مبتدی ها

معرفی خرده‌پاشی‌های micro-markup در سایت به موتورهای جستجو کمک می‌کند تا خرده‌های نان «قابل خواندن» را در قطعه نمایش دهند (که بد نیست)، و همچنین ساختار سایت را بهتر درک کنند.

نشانه گذاری مقاله

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

//نام عنصر را اعلام کنید

//تعریف ویژگی "تاریخ انتشار".
رقابت پرس و جوهای جستجو
//تعریف ویژگی "نام انتشار".
محتویات مقاله. //تعریف ویژگی "محتوای مقاله".

تخمین میانگین حسابی
حداکثر ارزش رتبه بندی
حداقل ارزش رتبه بندی
تعداد رتبه بندی ها

همه چیز در اینجا مانند خرده نان است، به جز موارد زیر:

• ویژگی Date of Publication باید در قالب ISO-8601 به شکل YYYY-MM-DDTHH:MM مشخص شود، جایی که T فقط یک کاراکتر است، YYYY سال، MM ماه، DD تاریخ، HH ساعت است. ، و MM دقیقه است.
• هنگام تعریف ویژگی "دسته انتشار" و "نام انتشار"، اصلاً ترسناک نیست که پیوند نیز در ناحیه ارزش قرار گیرد - ربات فقط داده های مربوط به مقدار مورد انتظار برای ویژگی را بیرون می کشد.

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

اندازه خرد کالا (محصول یا خدمات)

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

//اعلان عنصر
فیل صورتی //تعیین نام محصول یا خدمات
فیل خوب //تعریف توضیحات محصول یا خدمات

//نوع فرعی "پیشنهاد" را اعلام کنید
//هزینه محصول یا خدمات را تعیین کنید
//ارز قیمت محصول یا خدمات را مشخص کنید

تخمین میانگین حسابی
حداکثر ارزش رتبه بندی
حداقل ارزش رتبه بندی
تعداد رتبه بندی ها

همان چیز - ربات جستجو بلافاصله می بیند که چه چیزی در صفحه قرار دارد و در کجا قرار دارد و اصلاً چرا به آن نیاز است. نتیجه بصری ممکن است افزایش جذابیت قطعه در SERP باشد.

Breadcrumbs (Breadcrumbs یا breadcrumbs) عنصری از رابط وب سایت است که هدف اصلی آن نشان دادن مسیر از صفحه اصلی به جایی است که کاربر در حال حاضر در آن قرار دارد. البته، این کار در درجه اول برای راحتی اقامت کاربر در سایت انجام می شود و در نتیجه درک ساختار مجازی را تسهیل می کند. نگرانی برای راحتی کاربر یکی از ماموریت های مخفی است که صدها ذهن قابلیت استفاده را پر می کند: همه می خواهند رابط کاربری را راحت تر کنند و موتورهای جستجو نیز از این قاعده مستثنی نیستند. بیایید در مورد علامت گذاری خرده نان برای تجسم پیوندها در نتایج جستجوی گوگل صحبت کنیم.

برای وضوح، در اینجا نمونه‌های تصویری از صدور نتایج جستجو بدون و با نشانه‌گذاری میکرو آورده شده است:

1. در ورودی اول، لینک زیر عنوان به روش معمول نمایش داده می شود و قاعدتاً برای کاربر عادی کاملاً قابل خواندن نیست.
2. در ورودی دوم، همه چیز متفاوت است، پیوند در آنجا قابل مشاهده نیست، اما همان خرده های نان وجود دارد که ساختار منطقی مکان عنصر پیدا شده را نشان می دهد. گزینه دوم سازنده تر به نظر می رسد، بیایید ببینیم چگونه این را در وب سایت خود قرار دهیم.

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

هر مورد مسیر خاص خود را دارد و در زنجیره ناوبری به عنوان یک پیوند وجود دارد. همچنین، پیوند در یک برچسب محصور شده است، به عنوان مثال، یک div، ویژگی های برچسب تنظیم شده است:

Itemscope itemtype="http://data-vocabulary.org/Breadcrumb"

شما یک بلوک برای مورد دریافت خواهید کرد:

...

این بلوک حاوی پیوند و نام عنصر است. برای یک پیوند، ویژگی itemprop=”url” تنظیم شده است، عنوان نیز در یک تگ span جداگانه محصور شده است و ویژگی itemprop=”title” تنظیم شده است. در نتیجه، یک عنصر جداگانه در زنجیره به این صورت اتو می شود:

دیدگاه ها