میکرو فرمت چیست؟ چگونه به موتور های جستجو اطلاعات دقیقتر بدهیم؟

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

برای اینکه موتورهای جستجو مفهوم دقیق محتوای شما را درک کنند، از میکروفرمت‌ها (Microformats) و داده‌های ساختاریافته (Structured Data / Schema) استفاده می‌شود.

در کد های HTML از  تگ های نشانه گذاری های خانواده class استفاده می شود بیشتر از تگ های <span> و  <div> استفاده می شود تا نام های توصیفی و خلاصه شده ای را به شخص یا موضوع مورد نظر نسبت دهند. در اینجا مثالی از یک کد کوتاه HTML که حاوی اطلاعات تماس برای باب اسمیت را مشاهده می کنید.

<div>
<img src=”www.example.com/bobsmith.jpg” />
<strong>Bob Smith</strong>
Senior editor at ACME Reviews
200 Main St
Desertville, AZ 12345
</div>

در این جا همین کد را با میکروفرمت hCard علامت دار نموده ایم.

<div class="v-card"> <img class="photo" src="https://example.com/bobsmith.jpg" alt="Bob Smith" /> <strong class="fn">Bob Smith</strong> <span class="title">Senior editor</span> at <span class="org">ACME Reviews</span> <div class="adr"> <span class="street-address">200 Main St</span> <span class="locality">Desertville</span>, <span class="region">AZ</span> <span class="postal-code">12345</span> </div> </div> 

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

در نگاه اول، این کد یک HTML ساده به نظر می‌رسد، اما استفاده از کلاس‌های استانداردِ hCard به مرورگرها و موتورهای جستجو می‌فهماند که با مشخصات یک شخص حقیقی روبرو هستند:

• تگ اصلی <div class="v-card">: این تگ کل اطلاعات را در بر می‌گیرد. کلاس v-card خردکارشناسان گوگل را مطلع می‌کند که تمام داده‌های درون این بخش مربوط به پروفایل یک فرد یا سازمان است. نکته: در کد آموزشی بالا به دلیل محدودیت های امنیتی از کلاس v-card استفاده شده است، اما در کدهای واقعی سایت باید عینا عبارت vcard قرار گیرد

• کلاس photo در عکس: مشخص می‌کند که این تصویر صرفاً یک عکس ساده در صفحه نیست، بلکه تصویر پرتره یا عکس پروفایل «باب اسمیت» است.

• کلاس fn روی نام (<strong class="fn">): مخفف Formatted Name است. این کلاس به موتور جستجو می‌گوید عبارت «Bob Smith» نام کامل این شخص است.

• کلاس title و org:

  • کلاس title مشخص‌کننده عنوان شغلی (Senior editor) است.

  • کلاس org مشخص‌کننده نام شرکت یا سازمان (ACME Reviews) است.

• بخش آدرس (<div class="adr">): کلاس adr مخفف Address است و به عنوان یک چتر حمایتی برای اجزای آدرس عمل می‌کند:

  • street-address: نام و شماره خیابان (200 Main St)

  • locality: نام شهر (Desertville)

  • region: نام استان یا ایالت (AZ)

  • postal-code: کد پستی (12345)

با همین چند کلاس ساده، موتورهای جستجو به جای خواندن یک مشت متن بی‌هدف، یک کارت ویزیت هوشمند و ساختاریافته از کاربر شما دریافت می‌کنند!

میکروفرمت‌ها؛ طراحی‌شده برای انسان‌ها، فهم‌پذیر برای ماشین‌ها

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

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

چه کسانی حتماً باید از میکروفرمت‌ها استفاده کنند؟

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

• نویسندگان، وبلاگ‌نویسان و متخصصان: افراد صاحب‌نام یا کسانی که وب‌سایت شخصی دارند، با این روش به موتورهای جستجو کمک می‌کنند تا هویت و هویت شغلی آن‌ها را به رسمیت بشناسند.

تاثیر مستقیم بر سئو: گوگل به داده‌های ساختاریافته اهمیت ویژه‌ای می‌دهد. وقتی اطلاعات دقیق‌تری در اختیار گوگل قرار می‌دهید، این موتور جستجو می‌تواند آن اطلاعات را در نتایج غنی (Rich Results) به میلیون‌ها کاربر نشان دهد که نتیجه آن، افزایش اعتبار و کلیک سایت شما خواهد بود.

پرکاربردترین انواع میکروفرمت‌ها

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

تغییرات جدید: از میکروفرمت تا Schema و JSON-LD

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

چرا اسکیما (Schema.org) جایگزین روش‌های قدیمی شد؟

در روش‌های قدیمی مانند میکروفرمت، مجبور بودید کدهای نشانه‌گذاری را کاملاً با کدهای ظاهری سایت (HTML) ترکیب کنید. این کار گاهی باعث پیچیدگی کدهای سایت یا به‌هم‌ریختگی قالب می‌شد. همانطور که برای کلاس vcard ما در یادبگیر دات کام با مشکل مواجه شدیم و در بالا مشاهده می کنید.

امروزه، استاندارد جهانی Schema.org همراه با فرمتی به نام JSON-LD محبوب‌ترین روش نزد گوگل است.

مهم‌ترین مزایای روش‌های جدید سئو:

• جداسازی کد از ظاهر: در روش JSON-LD، کدهای ساختاریافته به‌صورت یک قطعه کد اسکریپت در ابتدا یا انتهای صفحه قرار می‌گیرند و هیچ ارتباطی با استایل و ظاهر HTML سایت ندارند.
• پشتیبانی بهتر از هوش مصنوعی و نتایج غنی (Rich Results): گوگل با استفاده از Schema، اطلاعاتی مثل ستاره‌های امتیازدهی، قیمت محصول، سوالات متداول (FAQ) و وضعیت موجودی کالا را مستقیماً در نتایج جستجو نمایش می‌دهد.
• سهولت در وردپرس: افزونه‌های مدرن سئو (مانند Rank Math یا Yoast SEO) امروزه به جای میکروفرمت دستی، استانداردهای Schema را به صورت خودکار روی سایت شما فعال می‌کنند.

نتیجه‌گیری برای سئو سایت شما: نیازی نیست کدهای قدیمی میکروفرمت سایت خود را پاک کنید، اما اگر قصد دارید صفحات جدیدی را بهینه‌سازی کنید، پیشنهاد گوگل استفاده از فرمت جدیدتر Schema/JSON-LD است.

علی یزدی مقدم

مطالب مرتبط:

• روش های تبلیغ موثر در اینترنت
• نکاتی برای بهینه سازی سایت
• وب سایتی محبوب موتور های جستجو
• خلاصه کردن فایل های CSS