Tytuł i metaopis

Moduł 3: Techniczne podstawy strony · Czas czytania: 11 minut

Cel lekcji: Po tej lekcji będą Państwo potrafili napisać dobry tytuł i metaopis dla każdej strony, wyjaśnić, co Google z nimi robi i dlaczego czasem je zastępuje, a także sprawdzić, czy na Państwa własnych stronach są ustawione prawidłowo.

Kluczowe pojęcia: <title>, link tytułowy, metaopis (<meta name="description">), fragment (snippet), przepisywanie przez Google, obcinanie według szerokości ekranu, praktyczna zasada długości, unikalne tytuły, nazwa marki, upychanie słów kluczowych, nosnippet

Dwa wiersze w nagłówku strony

Każda strona internetowa zaczyna się od części, której odwiedzający nie widzi: <head>. Znajdują się w niej dwa wiersze szczególnie ważne dla wyszukiwarek:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

Tytuł (element <title>) widać na karcie przeglądarki, w zakładkach, a przede wszystkim w wynikach wyszukiwania. Niebieski, klikalny wiersz w wyniku wyszukiwania Google nazywa linkiem tytułowym. Metaopis to krótkie podsumowanie strony. Google czasem wykorzystuje go do fragmentu tekstu pod linkiem tytułowym: fragmentu (po angielsku snippet).

Razem w dużej mierze decydują o tym, czy ktoś kliknie Państwa wynik, czy wynik konkurencji. Dlatego to jedna z niewielu rzeczy w widoczności w wyszukiwarkach, w których w kwadrans można naprawdę coś zmienić.

Co Google robi z Państwa tytułem

Google sam pisze tak: proszę zadbać, aby każda strona miała tytuł w elemencie <title>, i by był on opisowy i zwięzły. Ogólnikowe tytuły typu „Home” czy „Powitanie” nikomu nic nie mówią.

Google zwykle używa Państwa <title>, ale nie zawsze. Link tytułowy może też powstać z innych źródeł: największego nagłówka na stronie (często <h1>), og:title dla mediów społecznościowych, wyróżniającego się tekstu na stronie, tekstu linków prowadzących do strony oraz nazwy z danych strukturalnych typu WebSite. Dzieje się tak głównie w następujących sytuacjach, które wymienia sam Google:

Jeśli Google przepisze Państwa tytuł, nie jest to kara. To sygnał, że tytuł nie opisuje strony wystarczająco dobrze. Po poprawieniu tytułu Google często znów go przejmuje po kolejnej wizycie robota indeksującego.

Jak długi może być tytuł?

Tu wiele porad w internecie się myli. Google mówi dosłownie, że nie ma limitu długości <title>. Link tytułowy w wynikach wyszukiwania jest jednak obcinany, aby zmieścił się na ekranie. Dzieje się to według szerokości ekranu (w pikselach), a nie po stałej liczbie znaków: tytuł z wieloma szerokimi literami (m, w) zostanie obcięty wcześniej niż tytuł z wąskimi (i, l).

Dlatego w tym kursie stosujemy praktyczną zasadę, a nie regułę Google: tytuł powinien mieć mniej więcej od 15 do 65 znaków. Krótszy bywa zbyt ogólnikowy, przy dłuższym istnieje ryzyko, że najważniejsza część zniknie. Dlatego to, czym jest strona, należy umieścić na początku, a nazwę firmy na końcu.

Jak napisać dobry tytuł

Na podstawie wytycznych Google i doświadczenia:

1. Proszę powiedzieć, o czym jest strona. „Bruidsboeketten op maat in Amersfoort” (bukiety ślubne na zamówienie w Amersfoort) jest lepsze niż „Diensten” (Usługi).
2. Każda strona z własnym tytułem. Dwóch stron o tym samym tytule nie da się odróżnić w wynikach wyszukiwania.
3. Nazwa marki krótko, na początku lub na końcu, oddzielona znakiem takim jak |, : lub -. Google odradza doklejanie długiego hasła reklamowego do każdego tytułu.
4. Bez upychania słów kluczowych. „Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop” nie pomaga. Google wprost wymienia powtarzanie słów kluczowych jako coś, co wygląda na spam; jest to nawet opisane w zasadach dotyczących spamu (lekcja 8.2).
5. Proszę dbać o aktualność. Rok w tytule oznacza, że trzeba go aktualizować co roku.

Częsty błąd w kreatorach stron: strona główna nosi tylko nazwę firmy. „Bloemenatelier Lotte” mówi, kim Państwo są, ale nie czym się zajmują ani gdzie. „Bloemenatelier Lotte | Bloemist in Amersfoort” lepiej działa w przypadku osoby, która Państwa jeszcze nie zna.

Metaopis

Metaopis znajduje się w elemencie <meta>:

<meta name="description" content="...">

Google mówi: fragment pochodzi głównie z treści samej strony. Metaopis jest używany, gdy streszcza stronę lepiej niż fragment jej tekstu. Ponadto fragment może się różnić w zależności od zapytania: Google pokazuje tę część, która najlepiej pasuje do pytania. Dobry metaopis nie gwarantuje więc, że się pojawi, ale zwiększa szansę, że pod tytułem znajdzie się coś sensownego.

Również tutaj Google nie ma maksymalnej długości, ale fragment jest obcinany, aby zmieścił się na ekranie. Praktyczna zasada w tym kursie: od 70 do 160 znaków. Wystarczająco długi, by coś powiedzieć, i wystarczająco krótki, by pozostał w całości.

Jak go napisać:

• Proszę streścić, co można znaleźć na stronie, zwykłymi zdaniami.
• Proszę podać konkretne informacje, które pomagają w wyborze: miejscowość, ofertę, dla kogo jest przeznaczona.
• Każda strona z własnym opisem. Jeśli mają Państwo mało czasu, proszę zacząć od strony głównej i najczęściej odwiedzanych stron; to samo zaleca Google.
• Bez listy słów kluczowych. Google pisze, że takie opisy rzadziej są używane jako fragment.

Czego metaopis nie robi: nie jest czynnikiem rankingowym, dzięki któremu słowami kluczowymi zdobędą Państwo wyższą pozycję. Służy do tego, by przekonać wyszukującego do kliknięcia.

Samodzielne decydowanie o tym, co jest wyświetlane

Chcą Państwo, aby Google nie pokazywał fragmentu albo pokazywał tylko jego część? Można to zrobić za pomocą metatagu robots: <meta name="robots" content="nosnippet"> (brak fragmentu) lub max-snippet:50 (najwyżej 50 znaków). Fragment tekstu można wykluczyć atrybutem data-nosnippet. W przypadku większości małych stron nie jest to potrzebne.

Gdzie to zobaczyć i sprawdzić

• W kodzie źródłowym: proszę otworzyć stronę, kliknąć prawym przyciskiem myszy i wybrać „Wyświetl źródło strony” (lub Ctrl+U). Za pomocą Ctrl+F proszę wyszukać <title i description.
• W wynikach wyszukiwania: proszę wyszukać site:example.com, aby zobaczyć, jak Google pokazuje Państwa strony. Jeśli link tytułowy różni się od Państwa <title>, proszę sprawdzić, która sytuacja z powyższej tabeli pasuje.
• W Search Console: raport Skuteczność (lekcja 2.3) pokazuje, które strony mają dużo wyświetleń, ale mało kliknięć. Tam lepszy tytuł i opis opłacają się najbardziej.

W praktyce: ustawianie tytułu i opisu

• W AI Builder od WebOké dla każdej strony podają Państwo własny tytuł i opis. Jeśli tytuł pozostanie pusty, zwykła strona otrzyma tytuł „Nazwa strony | Nazwa witryny”, a strona główna będzie nazywać się tak jak cała witryna. Dlatego proszę samodzielnie nadać stronie głównej tytuł, który mówi też, czym się Państwo zajmują. Kontrola SEO w AI Builder ostrzega przy tytule dłuższym niż 65 znaków i opisie dłuższym niż 160 znaków: to te same praktyczne zasady co w tym kursie.
• W WordPress WordPress sam tworzy tytuł z tytułu strony i nazwy witryny. Metaopisu WordPress sam nie tworzy; potrzebna jest do tego wtyczka SEO lub motyw, który taką funkcję oferuje. Temat ten omawiamy też w kursie WordPress, lekcja 9.2.

W innych kreatorach stron działa to podobnie: proszę szukać ustawień takich jak „SEO”, „Wyszukiwarki” lub „Ustawienia strony”.

Podsumowanie

• Tytuł to klikalny wiersz w wynikach wyszukiwania; metaopis streszcza stronę i czasem jest wyświetlany jako fragment.
• Google może zastąpić Państwa tytuł, jeśli jest niepełny, nieaktualny, niepoprawny lub wszędzie taki sam albo jeśli brakuje wyraźnego nagłówka głównego.
• Google nie ma maksymalnej długości, ale obcina według szerokości ekranu. Praktyczne zasady w tym kursie: tytuł od 15 do 65 znaków, opis od 70 do 160 znaków.
• Każda strona z własnym, opisowym tytułem i opisem; bez upychania słów kluczowych; nazwa marki krótko na końcu.
• Metaopis pomaga ludziom w wyborze, a nie w pozycji w rankingu.

Quiz

Zadanie

Zadanie A3.1: Tytuł i metaopis Państwa strony. Proszę wpisać adres strony z własnej witryny (strony głównej lub innej ważnej strony). Program pobiera stronę tak jak wyszukiwarka, odczytuje <title> i metaopis oraz liczy znaki. Zobaczą Państwo, czy są obecne, czy mieszczą się w praktycznych zasadach i czy tytuł mówi więcej niż tylko nazwę firmy. Nie mają Państwo własnej strony? Proszę użyć www.rijksoverheid.nl.

Więcej informacji

Kroki opisane w tych artykułach dotyczą paneli WebOké; u innych dostawców działa to podobnie.

• Zgłoszenie Państwa strony internetowej do wyszukiwarek (Google i Bing)
• Kreator stron i AI Bouwer: który z nich wybrać i jak go otworzyć?
• Google Search Central, Zarządzanie linkami tytułowymi w wynikach wyszukiwania: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Fragmenty i metaopis: https://developers.google.com/search/docs/appearance/snippet