O cyfrowości

Title, Description, Keywords: jak poprawnie pisać meta tagi

Tytuł i opis strony internetowej to są pierwsze rzeczy, które widzi użytkownik w wynikach wyszukiwarki. Jak bardzo są one pouczające i atrakcyjne? To zależy bezpośrednio od tego, jak napiszesz meta tagi. Ten artykuł jest dla początkujących SEOwców i właścicieli stron internetowych, którzy zajmują się optymalizacją samodzielnie. Dowiedz się jak poprawnie napisać meta tagi Title, Description, Keywords.

Czym są meta tagi Title, Description, Keywords

Meta tagi to elementy w kodzie HTML, które służą do przekazywania wyszukiwarkom informacji o zawartości strony.

Meta tagi Title, Description, Keywords nie są wyświetlane na stronie, widać je tylko w kodzie — w tagu head. Kiedy użytkownik wpisuje zapytanie do paska wyszukiwania, system może wygenerować wynik za pomocą meta tagów.

meta tagi Title, Description, Keywords

Wyszukiwarki internetowe stale się rozwijają. W tej chwili są więc bardziej skłonni „przyjąć do wiadomości” meta tagi i wyciągnąć ostateczne wnioski na temat zawartości strony na podstawie wielu innych czynników.

Na przykład, mogą czasami użyć Description do utworzenia snippetu, ale mogą też skomponować go samodzielnie z treści strony. Ale eksperci zalecają pisanie Title i Description. Nieco inaczej wygląda sytuacja z meta tagiem Keywords, ale o tym opowiemy w odpowiednim rozdziale.

Dlaczego warto pisać meta tagi Title i Description

  1. Meta tagi są potrzebne, aby jasno sformułować o czym jest Twoja strona internetowa, podkreślić swoje przewagi konkurencyjne, pokazać użytkowniku ciekawy nagłówek, po przeczytaniu którego on zechce przejść na stronę.
  2. Jeśli pominąć napisanie meta tagów to system sam wygeneruje snippet ― nazwę i krótki opis. Taka automatycznie wygenerowana opcja nie zawsze odzwierciedla treść strony. To sprawia, że opis nie zawsze wygląda ciekawie, a czasami nawet wprowadza w błąd.  Oto przykład automatyczniego opisu, który raczej nie jest odpowiednio dostosowany do treści strony.
  3. Dzięki poprawnie dobranym meta tagom strona będzie się pokazywać przy odpowiednich zapytaniach.
  4. Wypełnianie meta tagów to prosty proces, który może pozytywnie wpłynąć na rankingi i zwiększyć współczynnik klikalności.

Poniżej opowiemy o wymaganiach dla każdego z opisanych meta tagów, ale mają one dwie wspólne cechy. Po pierwsze, muszą być unikalne w obrębie witryny i nie mogą powtarzać się na różnych stronach. Po drugie, powinny one odpowiadać zawartości strony i jej treści. W celu skompilowania opisanych meta tagów należy zestawić jądro semantyczne i uwzględnić strukturę strony.

Więcej przydatnych wskazówek na temat SEO ―
“5 wskazówek SEO, które pozwalają budować widoczność w Google”.

Jak wypełnia się meta tag Title

Title określa tytuł strony i wpływa na promocję witryny w rankingach wyszukiwarek za słowami kluczowymi. Taki meta tag ma następujący wygląd w bloku nagłówkowym:

<Title>Title</Title>

Przykładowy tag Title w wyszukiwarce i kodzie strony:

meta tagi Title, Description, Keywords
meta tagi Title, Description, Keywords
Przykład meta tagu Title w kodzie strony

Title jest również wyświetlany jako tytuł otwartej strony w przeglądarce ― tak wygląda na przykład na stronie platformy telefonicznej Ringostat:

meta tagi Title, Description, Keywords, call tracking ringostat

Call tracking to technologia śledzenia źródła reklamowego, które prowadzi do połączenia telefonicznego. Z call tracking, można wiedzieć dokładnie, które źródło reklamy: kanał, kampania, a nawet słowo kluczowe przynosi zainteresowanych użytkowników na Twoją stronę internetową. Inwestuj tylko w skuteczną reklamę dzięki śledzeniu połączeń.

Meta tag Title zaleca się tworzyć ręcznie dla stron docelowych, kategorii i sekcji. W przypadku kart produktów można je napisać automatycznie, korzystając z szablonów. Na przykład:

[Kategoria produktu][Nazwa | Model produktu], cena, opinie, cechy | Sklep

Wymagania do Title

  1. Tag musi zawierać do 70 znaków, lub do 600 pikseli w przypadku Google (ten system mierzy długość w pikselach);
  2. Słowa kluczowe powinny być umieszczone blisko początku Title ― w pierwszych 1-4 słowach;
  3. Nie powinien zawierać słów kluczowych, według których strona nie jest promowana, np. w Title strony sklepu internetowego nie należy pisać „darmowa wysyłka”;
  4. Tag Title nie powinien zawierać wszystkich możliwych lokalizacji i całego asortymentu;
  5. Firma powinna być wymieniona na końcu ― wyjątkiem są duże marki, takie jak Apple, Gucci itp;
  6. Słowa kluczowe nie mogą powtarzać się ― używaj synonimów;
  7. Tag Title musi być inny niż tytuł pierwszego rzędu (tytuł H1);
  8. Nie można używać capslocka;
  9. Tekst powinien być czytelny i spójny ― samo wymienienie słów kluczowych nie jest właściwe;
  10. Wskazane jest używanie jednego języka dla jednej strony, ponieważ ułatwia to ranking strony podczas wyszukiwania;
  11. Nie zaleca się stosowania różnych tagów Title dla stron mobilnych i desktopowych.

Przykład nieudanego Title

Komputery. Ceny w Krakowie. Kupić komputery w Krakowie

Przykład udanego tagu Title

Kupić komputer w Krakowie w niskiej cenie| Świat technologii

Co napisać w Description

Meta tag Description to element zawierający opis zawartości strony. W kodzie wygląda to tak:

meta tagi Title, Description, Keywords
Przykład meta tagu Description

Wymagania do Description

  1. Meta tag musi zawierać od 70 do 155 znaków, dla Google od 400 do 930 pikseli.
  2. Najlepiej zacząć od słowa kluczowego.
  3. Meta tag powinien być spójnym zdaniem;
  4. Title nie może się powtarzać.
  5. Opis powinien opisywać przewagę konkurencyjną produktu lub strony ― użytkownik powinien być zmotywowany do przejścia na stronę;
  6. Meta tag powinien zawierać call to action.
  7. Na końcu tekstu należy postawić kropkę lub wykrzyknik;
  8. Tekst powinien zawierać wystarczającą ilość słów kluczowych.
  9. Nie można zduplikować fragmentu treści ze strony internetowej.
  10.  W tekście nie powinno być znaków specjalnych (= / _ w środku tekstu, ale można użyć różnych ikon graficznych na końcu reklamy, aby przyciągnąć uwagę użytkowników.

Przykład nieudanego Description

Akumulatorowe młoty obrotowe / wyprzedaż + dostawa, przystępne ceny. To klucz do sukcesu w przypadku remontu i budowy w mieszkaniu lub domu na wsi.

Przykład udanego Description

Akumulatorowe młoty obrotowe z rabatem do 50%! Darmowa dostawa w okolicach Odessy. 3 lata gwarancji od producenta. Zadzwoń pod numer (099) 222-22-22. 

Keywords: czy warto wypełniać?

W kodzie ten meta tag wygląda tak:

<meta name="keywords" content="Keyword" />

Należy pamiętać, że Google nie używa meta tagu “keywords” już od około dziesięciu lat. Dlatego większość ekspertów SEO zaleca, aby nie tracić czasu na jego wypełnianie. Jednocześnie Google karze za nadmierne spamowanie w tym tagu. Dlatego lepiej nie wypełniać słów kluczowych w ogóle, niż wypełniać je nieprawidłowo.

Na poniższym zrzucie ekranu przedstawiciel tego systemu mówi, że wielu webmasterów nadużywało tagu meta Keywords, umieszczając w nim nieistotne słowa. Dlatego Google przestał brać je pod uwagę.

meta tagi Title, Description, Keywords

Wskazówki do wypełnienia Keywords

Jeśli zdecydujecie się wypełnić Keywords, to należy zastosować się do następujących zasad:

  • nie umieszczaj więcej niż 20 słów;
  • kombinacje słów muszą odpowiadać zawartości strony i występować w tekście;
  • nie używaj tego samego słowa kluczowego w różnych kombinacjach słów. Można to zrobić maksymalnie dwa razy — podziel klucze jak w przykładzie poniżej.

Przykład nieudanego wypełnienia Keywords

Buty dziecięce, sprzedaż butów dziecięcych, kupno butów dziecięcych, buty dziecięce cena

Przykład udanego wypełnienia Keywords

buty, dzieci, kupno, cena, sprzedaż

Pozostałe atrybuty Meta name

Jak już pewnie zauważyłeś, Description i Keywords nie są osobnymi tagami, ale wartościami atrybutu name wewnątrz tagu. W trakcie eksploracji swojej witryny możesz zauważyć meta tagi z różnymi wartościami nazw, poniżej przyjrzymy się, co oznacza każdy z nich.

Robots

Wygląda to w ten sposób:

<meta name=”Robots” content= />

Pełnią one funkcję podobną do robots.txt — mówiąc robotom wyszukiwarek dokładnie, co mają robić z zawartością strony.

Tutaj możesz określić noindex, aby zapobiec indeksowaniu strony przez wyszukiwarki. Możesz też określić nofollow, aby uniknąć współdzielenia wagi linków z zasobami wymienionymi na stronie.

Document-state

Wygląda to w ten sposób:

<meta name=”Document-state” content= />

Określa, czy wyszukiwarka powinna ponownie zaindeksować stronę. Statyczne oznacza prośbę o ponowne indeksowanie strony raz i nie wracanie, natomiast dynamiczne oznacza okresowe indeksowanie strony.

Revisit

Wygląda to w ten sposób:

<meta name=”Revisit” content= />

Ten tag pozwala wyszukiwarkom wiedzieć, jak często strona powinna być indeksowana. Jeśli chcesz, aby Google indeksował stronę raz w tygodniu, określ content=”7 dni”. Wcześniej ten tag był przydatny, ale teraz webmasterzy twierdzą, że wyszukiwarki same wybierają okres reindeksacji i rzadko biorą ten tag pod uwagę.

Author

Wygląda to w ten sposób:

<meta name=”Author” content= />

To właśnie sam autor strony może zostawić niepozorny podpis. Atrybut content zawiera zazwyczaj link do strony internetowej projektanta, jego nazwisko lub nazwę firmy. Jeśli niedoświadczony webmaster próbuje ukraść stronę, można to wywnioskować z bezmyślnie skopiowanego meta name=”Author”

Wnioski: jak napisać właściwe meta tagi Title, Description, Keywords

  1. Meta tagi Title i Description mają za zadanie zwięźle sformułować temat i treść strony dla wyszukiwarek.
  2. Wyszukiwarki niekoniecznie używają meta tagów do komponowania snippetów. Mogą je skomponować bezpośrednio z treści strony, jeśli uznają meta tagi za nieistotne. Ale i tak warto je stosować, bo mogą być brane pod uwagę przez system.
  3. Google nie bierze pod uwagę Keywords i “karze” za overspamming w tym meta tagu.
  4. Meta tagi Title, Description, Keywords muszą być unikalne w obrębie witryny oraz istotne dla semantyki i tematyki strony.
O autorze

Redaktorka bloga Ringostat. Autorka artykułów do publikacji o digitalu i dużych mediach o biznesie. Studiowała dziennikarstwo na Odeskim Uniwersytecie Narodowym im. I. I. Miecznikowa.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.