WebWave

Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.

contact@webwavecms.com
+48 731 395 898

Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00

WebWave     WebWave     WebWave

Ta strona została stworzona w kreatorze WebWave.

Znajdziesz nas na:

WebWave     WebWave     WebWave

Zaloguj się

Zarejestruj się

Panel Webmastera

WebWave

 

Nie udało Ci się znaleźć rozwiązania problemu? Skontaktuj się z nami poprzez chat online lub zapytaj na naszej grupie na Facebooku.

 

Masz pomysł na nową funkcjonalność?  Koniecznie podziel się nim z innymi.

Możesz też się zapoznać z naszym kursem tworzenia dobrych stron.
Do ogarnięcia w jeden wieczór
.

Kategorie.

Nie udało Ci się znaleźć rozwiązania problemu? Skontaktuj się z nami poprzez chat online lub zapytaj na naszej grupie na Facebooku.

 

Masz pomysł na nową funkcjonalność?  Koniecznie podziel się nim z innymi.

Możesz też się zapoznać z naszym kursem tworzenia dobrych stron.
Do ogarnięcia w jeden wieczór
.

 

06 lipca 2015

Dane strukturalne i opisy rozszerzone

Dane strukturalne znajdujące się na stronie www poprawiają sposób, w jaki strona internetowa wyświetla się w wynikach wyszukiwania.

Dzięki temu ilość kliknięć strony www potrafi się znacząco podnieść, bez zmiany pozycji tej strony w rankingu (czyli poprawi się CTR strony).

Co więcej, poprawne dodanie danych strukturalnych pozwala robotom lepiej zrozumieć treść na przeszukiwanej stronie www, co może przełożyć się na podniesienie pozycji tej strony na liście wyników wyszukiwania.

W tym poradniku pokażemy Ci, jak dodać te dane do strony internetowej stworzonej w kreatorze stron www WebWave.

Jeśli chcesz dowiedzieć się więcej o danych strukturalnych, koniecznie przeczytaj artykuł na naszym blogu.

Dowiedz się więcej o pozycjonowaniu stron internetowych i tym, jakie możliwości oferuje WebWave.  

 

Spis treści:

Czym są dane strukturalne i opisy rozszerzone?

Jak wstawić dane strukturalne do strony www?

Podstawowe znaczniki 

Więcej znaczników

Działający przykład

 

 

Czym są dane strukturalne i opisy rozszerzone?

Dane strukturalne to standardowy sposób opisu zawartości stron www.

Dzięki nim maszynom łatwiej zrozumieć, co oznaczają konkretne treści na stronie.

Odpowiednio sformatowane dane umieszcza się w sekcji HEAD strony www.

Jeśli dane te są obecne na Twojej stronie www, roboty będą mogły dokładniej skatalogować jej treść, a następnie wyświetlić ją w takich usługach jak Google Maps, Google Now itd.

Co ważne, dzięki danym strukturalnym Google wyświetla też na stronie z wynikami wyszukiwania opisy rozszerzone, w których możemy np. zobaczyć adres firmy, jej logo, mapę dojazdu, czy nawet wyszukiwarkę treści na stronie www.

Dzięki danym strukturalnym internautom szukającym Twojej firmy zamiast zwykłego wyniku na liście wyników wyszukiwania może wyświetlić się coś takiego:

Jak dodać dane strukturalne do strony www?

Aby dodać dane strukturalne do swojej strony stworzonej w WebWave:

  1. Stwórz odpowiedni kod np. według informacji, które znajdziesz w dalszej części tego poradnika.
     
  2. Przetestuj, czy stworzony przez Ciebie kod jest poprawny. W tym celu skorzystaj z tego narzędzia.
     
  3. Otwórz swoją stronę www w kreatorze stron i przejdź do edycji sekcji head
  4. W otwartym oknie wklej swój kod. Zapisz zmiany i opublikuj stronę internetową.

 

 

Podstawowe znaczniki danych strukturalnych

Logo

Aby wskazać, jakiego zdjęcia wyszukiwarkom, dane strukturalne powinny zawierać informację o logo firmy w sekcji HEAD strony.

Powinny one wyglądać w taki sposób:

 

<script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "http://www.example.com",
      "logo": "http://www.example.com/images/logo.png"
    }
</script>

 

Kontakt

Do informacji o firmie dobrze jest dodać informacje kontaktowe. W tym celu możemy zamieścić np. taki kod:
 

<script type="application/ld+json">
   { "@context" : "http://schema.org",
        "@type" : "Organization",
        "url" : "http://www.your-company-site.com",
        "logo" : "http://www.example.com/logo.png",
        "contactPoint" : [
          { "@type" : "ContactPoint",
            "telephone" : "+1-401-555-1212",
            "contactType" : "customer service"
           } ] }
</script>

 

Profile społecznościowe

Aby dodać informacje na temat profili społecznościowych, można dodać do strony www np. taki kod:

 

<script type="application/ld+json">
   { "@context" : "http://schema.org",
     "@type" : "Organization",
     "name" : "Your Organization Name",
     "url" : "http://www.your-site.com",
     "sameAs" : [ "http://www.facebook.com/your-profile",
          "http://www.twitter.com/yourProfile",
          "http://plus.google.com/your_profile"] 
   }
</script>

 

Więcej znaczników danych strukturalnych

Zarówno Google, jak i inne wyszukiwarki internetowe wspierają standard zapisu danych strukturalnych schema.org.

Standard ten opisuje język składający się z nazw i ich właściwości, jakie można użyć oraz co one oznaczają.

Tworząc dane strukturalne swojej strony www, należy korzystać z tego właśnie języka.

Więcej informacji na temat dozwolonych znaczników i tego, jak można je wykorzystać, można znaleźć na stronie schema.org.

Stworzysz jednak odpowiedni kod w bardzo prosty sposób dzięki narzędziom Google, które znajdziesz na tej stronie.

 

Działający przykład

Poniżej przedstawiony jest działający przykład poprawnego kodu, który jest umieszczony na stronie internetowej kreatora stron www WebWaveCMS.

 

<script type="application/ld+json">
{ "@context" : "http://schema.org",
  "@type" : "Organization",
  "name" : "WebWave CMS",
  "alternateName" : "WebWave",
  "url" : "http://webwavecms.com",
  "logo" : "http://static.webwavecms.com/webwave_mail_footer_logo.png",
  "sameAs" : [ "https://www.facebook.com/WebWaveCMS",
    "https://plus.google.com/u/0/b/118312568074694593713/+Webwavecms/posts",
    "https://twitter.com/WebWaveCMS"],
  "contactPoint" : [
    { "@type" : "ContactPoint",
      "telephone" : "+48 731 395 898",
      "contactType" : "customer service"
    } ] }
</script>