Więcej o:

WebWave dla zaawansowanych

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. 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 CMS.

 

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 tak, aby maszynom łatwiej było ją zrozumieć. Dane te odpowiednio sformatowane 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 wstawić dane strukturalne do strony www?

 

Aby dodać dane strukturalne do swojej strony stworzonej w kreatorze stron www 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 

 

 Logo
 

 

Aby wskazać, jakiego zdjęcia Google powinien używać jako logo Twojej firmy, dodaj w sekcji HEAD swojej strony www taki kod:

 

<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

 

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. W znacznie bardziej przystępny sposób opisane one jednak są 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>

jak stworzyć stronę internetową dla zaawansowanych

Pozostałe artykuły

Dane strukturalne i opisy rozszerzone

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona została stworzona w WebWave

Jak zrobić stronę internetową w kreatorze stron www WebWave- poradnik

PRODUKT

FIRMA

POMOC

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona wykorzystuje ciasteczka. Dowiedz się więcej.

kreatora stron www webwave logo
Powrót do spisu treści o kreatorze stron www WebWave CMS

  Spis treści

Podstawy WebWave

Narzędzia WebWave

Pozycjonowanie i SEO

Artykuły

Zarządzanie treścią - CMS

Tutoriale Video

Zaawansowane triki

Marketing internetowy

Konto Agency

RWD

Domena

Administracja

Integracje

Poczta

Dodaj kod do strony www

  Spis treści

WebWave CMS - logo

Zarejestruj

Zaloguj

Zarejestruj