Микроформати и структурирани данни: какво трябва да знае всеки SEO специалист

Микроформатите служат като помощни инструменти за представяне на съдържанието пред търсачките и AI ботовете. Като ключови инструменти в SEO, те позволяват на ботовете да разбират по-добре съдържанието на страницата, а част от него може да се визуализира и в снипета на сайта.

За SEO специалистите е важно да могат ясно да разграничават отделните типове и елементите, които могат да бъдат описани.

Какво представляват микроформатите и структурираните данни?

През последните години съдържанието в сайтовете не служи само на потребителите, но и на бранда, представяйки на търсещите и AI ботовете информация за бизнеса. За да могат Google и другите търсещи машини да разбират по-добре информацията, се използват така наречените “структурирани данни”. Част от по-ранните подходи към семантичното маркиране са и микроформатите. Двата вида често се бъркат, но всъщност имат съществена разлика.

Днес структурираните данни, описани чрез JSON-LD и библиотеката Schema.org, са най-широко разпространени. Те се поддържат и разбират от ботовете на търсачките и AI моделите, ключови са за по-богат снипет в резултатите (rich result) и са неизменна част от SEO оптимизацията. 

Стандарти и формати за описване на структурираните данни

За да работите ефективно със структурирани данни, е важно да разграничавате кой речник за какво служи и къде има реална SEO стойност. Не всички семантични речници влияят на богатия снипет в резултатите на Google, но някои са ключови в различни аспекти.

Schema.org – стандартът за структурирани данни

Schema.org е съвместен проект на Google, Bing, Yahoo и други търсачки и към днешна дата е стандартният речник за описване на съдържанието в интернет. Той е в основата на повечето обогатени резултати, обобщителни и информационни елементи и подобрени снипети.

Schema.org съдържа типове като Organization, LocalBusiness, Product, Offer, Article, Event, FAQPage, VideoObject и много други, с които да се опише информацията. Може да се използва с три основни синтаксиса: JSON-LD, microdata и RDFa и е основата, върху която Google изгражда повечето богати резултати.

Пример: Organization с JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Netpeak Bulgaria",
  "url": "https://netpeak.bg/",
  "logo": "https://netpeak.bg/webflow/assets/64075eb044002b3ae03eb4f3/640b42ed90971b3341e8f7c0_Netpeak%20logo.svg",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "+359 875 41 96 36",
    "contactType": "customer service",
    "areaServed": "BG"
  }]
}
</script>

Този тип маркиране помага на Google да асоциира сайта с конкретна организация, да изгради Knowledge Graph профил и да показва по-коректни резултати при брандови търсения.

Open Graph протокол за споделяне в социалните мрежи

Open Graph е речник, създаден от Facebook, който контролира как страниците се визуализират при споделяне в социални мрежи. Той влияе върху заглавието, изображението и описанието при споделяне в платформите, но също така и върху визуалното представяне на линковете в Messenger, Instagram, LinkedIn, Viber, Slack и др.

Няколко задължителни тага, които препоръчваме:

Също така, има редица незадължителни тагове, които могат да се използват в зависимост от съдържанието на страницата:

Пример:

<meta property="og:title" content="Микроформати и структурирани данни: какво трябва да знае всеки SEO специалист">
<meta property="og:description" content="Как да използвате Schema.org и JSON-LD за по-видими резултати в Google.">
<meta property="og:image" content="https://www.example.com/images/og-image.png">
<meta property="og:url" content="https://netpeak.bg/blog/microformats-seo">
<meta property="og:type" content="article">

Open Graph не влияе на резултатите в Google, но влияе на CTR при споделяне и общото възприятие на бранда.

Google може в отделни случаи индиректно да използва og:image като резервно изображение, но това не е официален сигнал и не гарантира показване на обогатени резултати.

Microdata 

Microdata е HTML синтаксис за използване на Schema.org директно в съдържанието.

При microdata семантиката се описва чрез специални HTML атрибути:

Пример за отбелязване на контакти:

<div itemscope itemtype="https://schema.org/LocalBusiness">
  <h1><span itemprop="name">Името на компанията</span></h1>
  <span itemprop="description">Описание</span>

  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <span itemprop="streetAddress">Адрес на улицата</span>
    <span itemprop="addressLocality">Град</span>,
    <span itemprop="addressRegion">Държава</span>
  </div>

  Phone: <span itemprop="telephone">Телефонен номер</span>
  <meta itemprop="openingHours" content="Mo-Fr 09:00-18:00">
</div>

Microdata форматът не е предпочитан от Google и е желателно да не се използва, а да се замени с JSON-LD.

FOAF и Dublin Core - извън стандартния SEO фокус

FOAF и Dublin Core са RDF речници със специфично приложение, които имат историческа роля в развитието на семантичния уеб, но днес се считат за остарели и нямат практическо значение за SEO оптимизацията за търсачки.

Въпреки че FOAF и Dublin Core допринасят за концепцията на семантичния уеб, те нямат практическо приложение в съвременната SEO оптимизация и не се използват от Google за визуални подобрения в SERP. Функционалността, която тези речници предоставят като структурирано описание на обекти и техните характеристики, днес се реализира по стандартизиран, поддържан и SEO-релевантен начин чрез Schema.org и JSON-LD.

Какъв синтаксис се използва за структурираните данни

Речникът (Schema.org) е „какво“ описваме, а синтаксисът е „как го пишем“ в кода. Изборът на синтаксис влияе основно върху поддръжката и стабилността на маркирането, а не върху директното класиране. В практиката Google разпознава три основни синтаксиса.

JSON-LD – препоръчителният избор

JSON-LD е формат, който описва обектите в <script type="application/ld+json"> без да се „бърка“ в HTML структурата на страницата.

Основни предимства:

Към днешна дата JSON-LD е стандартът за нови имплементации на структурирани данни.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Калъф за телефон",
  "offers": {
    "@type": "Offer",
    "price": "15.00",
    "priceCurrency": "BGN"
  }
}
</script>

Този код не се вижда от потребителя, но позволява на търсачките ясно да разберат какъв тип информация съдържа страницата.

Microdata – подходящ за специфични платформи

Microdata използва атрибутите itemscope, itemtype, itemprop и се добавя директно върху HTML елементи. Визуално са лесни за разбиране, но правят HTML кода на страницата по-тежък.