Popraw widoczność Twojej strony w TOP10. Fragmenty rozszerzone w Google

Obecnie samo pojawienie się strony w wynikach w Top10 może okazać się niewystarczające do uzyskania satysfakcjonującego dla nas poziomu ruchu. Szczególnie w wynikach, gdzie większość stron ma zbliżony do siebie zarówno title, jak i opis description. Jak więc przyciągnąć do siebie użytkownika i wyróżnić się spośród konkurencji? Jak zachęcić go do kliknięcia akurat w naszą stronę www?

Moglibyśmy zoptymalizować title oraz description poprzez zastosowanie wyrażeń zachęcających to interakcji – tzw. Call to Action. Stosując odpowiednie wyrażenia: „Zobacz tutaj”, „Najtańsze …” „Kliknij teraz”, możemy zachęcić internautów do wejścia na naszą stronę, zwiększając tym samym ruch i CTR – podobna metoda stosowana jest w reklamach AdWords, tam ten sposób tworzenia reklamy znany jest od dawna. Należy zadać sobie pytanie: Czy ta metoda nadaj jest skuteczna w SERP i czy nie można zastosować innego rodzaju „wabik” do zwrócenia uwagi użytkownika? Tak naprawdę znajdujemy się w takim momencie rozwoju Internetu, że prawie każdy serwis znajdujący się w Top10 odpowiednio optymalizuje meta tagi, zachęcając nas do kliknięć.

Pomocą dłoń wyciąga do nas sama wyszukiwarka Google. Wyniki Google zmieniły się w ostatnich latach w sposób znaczący, pojawiły się nie tylko nowe funkcjonalności, ale zmienił się również sam sposób prezentowania danych. Dzięki zastosowaniu odpowiednich znaczników na naszej stronie, algorytmy są w stanie pobrać otagowane informacje i wyświetlić je bezpośrednio w wynikach wyszukiwania.

Jest to dobra okazja do tego, aby niewielkimi środkami wzbogacić wynik wyszukiwania dla naszej strony i wyróżnić się na tle konkurencji.

Google w wynikach wyszukiwania wykorzystuje fragmenty rozszerzone między innymi do:

  • Produktów
  • Przepisów
  • Recenzji i ocen
  • Wydarzeń
  • Aplikacji

Dodatkowymi informacjami jakie mogą pojawić się obok naszej strony są:

  • Breadcrumbs
  • Sitelinks Serach Box

Pełna dokumentacja znajduje się pod adresem https://developers.google.com/structured-data/rich-snippets/

Wdrożenie dla produktów

Fragmenty rozszerzone mogą zostać użyte do otagowania dowolnego produktu praktycznie w każdym sklepie internetowym. Pod wynikiem naszej strony mogą pojawić dodatkowe informacje zawierające cenę, ocenę produktu w formie gwiazdek czy ilość opinii. Tego typu rozszerzenie jest bardzo widoczne w wynikach wyszukiwania i znacznie wyróżnia się na tle konkurencji.

Przykładowe wykorzystywane znaczniki do opisu pojedynczych produktów (pełna lista znaczników wraz z dokładnym opisem wykorzystania znajduje się na stronie http://schema.org/Product):

znaczniki-do-opisu-produktow

Przykładowy wynik wyszukiwania wraz z wyświetlanym fragmentem rozszerzonym:

fragment-rozszerzony

Wdrożenie dla przepisów

Aby mieć szansę na pojawianie się dodatkowych elementów przy naszej stronie z przepisem należy wykorzystać co najmniej:

  • Zdjęcie
  • Informację o czasie przygotowania, gotowania
  • Informację o wartościach odżywczych
  • Ocenę przepisu

Przykładowe wykorzystywane znaczniki do opisu przepisów (pełna lista wykorzystywanych elementów dostępna jest na pod adresem http://schema.org/Recipe):

znaczniki-dla-przepisow

Obok naszej strony mogą pojawić się nie tylko informacje takie jak ocena, czas przygotowania, ale co bardzo istotne – zdjęcie danego przepisu, które bardzo wyróżnia naszą stronę na tle konkurencji.

Prezentacja fragmentów rozszerzonych w wynikach wyszukiwania na frazę „kremowa zupa z dyni”:

fragmenty-rozszerzone-przepisy

Jak widać w wynikach SERP serwis kuchnialidla.pl w porównaniu z konkurencją wydaje się być zupełnie nie widoczny, naszą uwagę od razu przyciągają pozostałe serwisy, w których zostały wykorzystane fragmenty rozszerzone.

Wdrożenie dla Recenzje i oceny

Tego typy fragmenty możemy zastosować to tagownia opinii na temat filmów, produktów, artykułów, miejsc, np. restauracji . Tak naprawdę te znaczniki możemy wykorzystać wszędzie tam gdzie użytkownik ma możliwość wystawienia oceny i recenzji/opinii.

Przykładowe wykorzystywane znaczniki (pełna lista znaczników znajduje się na stronie http://schema.org/review)

znaczniki recenzji

Przykładowy widok w wynikach wyszukiwania  z oceną filmu:

fragmenty-rozszerzone-film

Wydarzenia

Znacznikami możemy otagować szczegółowe informacje dla większości wydarzeń, np. koncertów, festiwali, wystaw etc., czyli wszędzie tam gdzie mamy określone miejsce, datę oraz godzinę danego wydarzenia. Zalecane jest stosowanie tych znaczników na stronach agregujących wydarzenia.

Wymagane znaczniki wykorzystywane do tagowania wydarzeń (pełna lista opcjonalnych znaczników z jakich możemy skorzystać znajduje się na stronie http://schema.org/Event):

tagowanie wydarzenia

Przykładowy wynik wyszukiwania wykorzystujący znaczniki wydarzeń:

wydarzenia

Jak widać z powyższego przykładu wynik znacznie wyróżnia się na tle strony nieposiadającej wdrożonych mikroformatów:

znaczniki wydarzenia

Aplikacje

Wykorzystywane i wyświetlane znaczniki dla aplikacji są bardzo zbliżone do już wyżej wymienionych. Oprócz standardowych informacji jak powszechnie stosowna ocena aplikacji czy opis możemy wykorzystać fragmenty rozszerzone dotyczące np. platformy na jaką przeznaczona jest dana aplikacja czy opłat związanych z jej zakupem.

Dla każdego rodzaju aplikacji (w zależności jaki produkt tagujemy) możemy wykorzystać dodatkowe znaczniki odpowiednie dla:

  • Aplikacji mobilnych – http://schema.org/MobileApplication
  • Gier video – http://schema.org/VideoGame
  • Aplikacji na stronach internetowych – http://schema.org/WebApplication

Pełna lista specyfikacji znajduje się na stronie http://schema.org/SoftwareApplication.

Przykładowe znaczniki wykorzystywane do opisu aplikacji:

znaczniki w opisie aplikacji

Przykładowy wynik wyszukiwania wykorzystujący znaczniki aplikacji

seo-serp-app

Breadcrumbs

Znacznikami możemy również tagować dodatkową ścieżkę nawigacyjną, czyli tzw. okruszki. Dzięki temu pod nazwą strony zamiast standardowego adresu URL pojawi się dodatkowe menu nawigacyjne, za pomocą którego użytkownik może przenieść się do wybranej przez siebie części serwisu (zgodnie ze wskazaną hierarchią)

Samo wdrożenie jest dość proste i nie wymaga złożonych prac programistycznych:

<div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>

  <a href=”http://www.example.com/dresses” itemprop=”url”>

<span itemprop=”title”>Dresses</span> </a>

</div>

<div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>

  <a href=”http://www.example.com/dresses/real” itemprop=”url”>

    <span itemprop=”title”>Real Dresses</span> </a>

</div>

<div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>

  <a href=”http://www.example.com/clothes/dresses/real/green” itemprop=”url”>

    <span itemprop=”title”>Real Green Dresses</span></a>

</div>

 

Wygląd strony w wynikach wyszukiwania:

fragmenty rozszerzone wyszukiwanie

Sitelinks Search Box

Stosunkowo nowym dodatkowym elementem jaki pojawił się w wyszukiwarce Google jest „Search Box”. Jest to dodatkowe okno, z którego może skorzystać użytkownik do wyszukania informacji w obrębie serwisu. „Search box” pojawia się głównie na zapytania brandowe. Jak informuje Google jego pojawienie się nie zależy jedynie od samego poprawnego wdrożenia, a od wielu innych czynników, które są brane są pod uwagę.

Przykład strony wykorzystującej „Sitelink Search Box”:

search box

Jak to zrobić?

Wdrożenie fragmentów rozszerzonych nie jest skomplikowanym zadaniem – wymaga jednak pewnej ingerencji w kod HTML. Zadaniem webdevelopera lub programisty jest otagowanie informacji na stronie stosując przeznaczone do tego odpowiednie znaczniki.

Google udostępnia trzy standardy jakie możemy wykorzystać tego celu są to: mikrodane, RDFa oraz JSON-LD. W większości przypadków zalecane jest korzystanie z mikrodanych lub standardu RDFa  – jednak najczęściej spotykanym i wykorzystywanym standardem są znaczniki mikrodanych.

Przykład wdrożenia mikrodanych dla produktu:

<div itemscope itemtype=”http://schema.org/Product”>

<a itemprop=”url” href=”http://adresurl.com/Przykladowy-adres-produktu”><div itemprop=”name”><strong>Nazwa produktu</strong></div>

</a>

<div itemprop=”description”>Opis produktu</div>

<div itemprop=”brand” itemscope itemtype=”http://schema.org/Organization”>

<span itemprop=”name”>Nazwa producenta</span></div>

<div>Model: <span itemprop=”model”>Model produktu</span></div>

<div>Product ID: <span itemprop=”productID”>Identyfikator produktu</span></div>

<div itemprop=”aggregateRating” itemscope itemtype=”http://schema.org/AggregateRating”>

<span itemprop=”ratingValue”>5</span> based on <span itemprop=”reviewCount”>10</span> reviews</div>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”><span itemprop=”price”>120</span><link itemprop=”itemCondition” href=”http://schema.org/NewCondition” />Nowy</div></div>

 

Jak widać samo otagowanie kodu nie jest rzeczą skomplikowaną – w sieci znajdziemy wiele darmowych generatorów, które mogą nam pomóc w odpowiednim tagowaniu informacji.

Istotną rzeczą jaką powinniśmy zrobić jest przetestowanie naszego kodu, dzięki czemu będziemy mieli pewność, że nasze wdrożenie jest poprawne i nie generuje żadnych błędów. Dla ułatwienia wdrożenia oraz pracy z mikroformatami Google udostępnia odpowiednie środowisko pracy, które znajdziemy pod adresem: https://developers.google.com/structured-data/testing-tool/. Za pomocą strony nie tylko możemy przetestować nasz kod, ale stworzyć go od podstaw. Testowi możemy poddać zarówno całe adresy URL sprawdzając wszystkie mikroformaty jakie zostały zastosowane na stronie, jak i pojedyncze fragmenty kodu HTML.

Dodatkowo na stronie znajdziemy wiele przykładów wdrożenia poszczególnych mikroformatów, które możemy wykorzystać jako bazę do stworzenia własnego kodu.

przyklady kodu

Poniżej wynik testu naszego kodu:

test kodu rich snippets

Jak widać z okna po prawej stronie nasz kod jest poprawny – w razie pojawienia się jakichkolwiek błędów ewentualną edycję możemy przeprowadzić bezpośrednio w kodzie, co znacznie ułatwia i przyspiesza pracę.

Możliwości zastosowania fragmentów rozszerzonych są bardzo szerokie, a otagowane informacje Google może wykorzystać na wiele sposobów. Powyższe przykłady stanowią dobry wyraz tego jak wykorzystując odpowiednie tagi w prosty sposób można wzbogacić wyniki wyszukiwania. Dużą i istotną zaletą stosowania mikroformatów jest nie tylko większe zaangażowanie użytkownika, ale, co chyba najważniejsze, zwiększenie CTR i ruchu na stronie nawet o kilkadziesiąt procent.

Pojawienie się na stronie wynikowej Google mikroformatów znacznie zmieniło zachowania użytkowników, którzy chętniej klikają w strony wykorzystujące mikroformaty.

Badanie wykonane w 2014 przez mediative.com pokazuje zainteresowanie użytkowników dla stron wykorzystujących rich snippets.

 

badanie rich snippets

Źródło: ttps://moz.com/blog/eye-tracking-in-2014-how-users-view-and-interact-with-todays-google-serps

Jak widać strony znajdujące się na 5-6 pozycji z wyświetlanym rich snippets były równie chętnie klikane jak strona znajdująca się na pierwszym miejscu. W efekcie, nawet jeżeli nasza strona znajduje się na odległej pozycji, a ma wdrożone rich snippets ma podobne szanse na kliknięcie jak strona znajdująca się na pierwszej pozycji (jest po prostu bardziej interesująca i bardziej przyciąga uwagę), co w znacznym stopniu może wpłynąć na zwiększenie zarówno ruchu jak i sprzedaży. Samo wdrożenie nie wymaga ani skomplikowanych działań, ani dużej ingerencji w wygląd samego serwisu – jeżeli na naszej stronie znajdują się informacje, które można odpowiednio otagować, zalecamy, aby to zrobić.

 

Artykuł pierwotnie ukazał się w serwisie Nowy Marketing

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

hello@digitalhill.pl
+48 71 757 50 56

lub bezpośrednio:
Magdalena Pawelec / Chief Operating Officer
tel. +48 603 554 771
e-mail: magdalena.pawelec@digitalhill.pl

Wyrażam zgodę na przetwarzanie moich danych osobowych (imię, nazwisko, adres e-mail, numer telefonu) przez administratora - Digital Hill sp. z o.o. z siedzibą we Wrocławiu, adres: ul. Wagonowa 2D, 53-609 Wrocław, KRS 0000319364, NIP 8942946218 w celu otrzymywania informacji handlowych drogą elektroniczną i telefoniczną. Przysługuje mi prawo dostępu, sprostowania, usunięcia danych oraz ograniczenia ich przetwarzania. Zgoda jest dobrowolna i mogę ją cofnąć w każdej chwili. Przysługuje mi także prawo wglądu do moich danych, ich poprawienia lub usunięcia
Przewiń do góry