Meta tagi - podstawowa optymalizacja strony


Spis treści:
- Czym są meta tagi?
- Czym jest meta tytuł (meta title)?
- Dobre praktyki tworzenia meta title
- Co to jest meta opis (meta description)?
- Dobre praktyki przy tworzeniu meta description
- Emoji w meta tytułach i opisach - jak stworzyć atrakcyjny przekaz?
- Znacznik meta keywords
- Meta tagi tylko dla wyszukiwarek
- Wpływ meta znaczników na widoczność w wyszukiwarce
Rozpoczynając działania SEO, ale także przygodę z marketingiem w wyszukiwarkach w ogóle, szybko pojawiają się dwie enigmatyczne kwestie: pozyskiwanie linków oraz optymalizacja strony. Jednak kwestią pozyskiwania linków warto zainteresować się po wykonaniu podstawowej optymalizacji strony.
Czym więc warto zająć się na samym początku optymalizacji strony? Przede wszystkim warto zadbać o to, jak nasza strona będzie się prezentowała w wynikach wyszukiwania. Nic nam z tego, że treść na naszej stronie jest ciekawa i potencjalnie wyczerpująca zapytanie użytkownika, jeżeli nie zachęcimy go do kliknięcia w nasz link w wynikach wyszukiwania. To właśnie meta tagi (title i description) są pierwszymi elementami naszej strony, z którymi stykają się użytkownicy wyszukiwarek internetowych. Jako meta dane są ukryte w kodzie, a na samej stronie nie są widoczne dla użytkownika.
Czym są meta tagi?
Meta tagi to znaczniki HTML umieszczone w sekcji <head> w kodzie źródłowym witryny internetowej. Możemy wyróżnić tytuł (meta title), którego treść jest czynnikiem rankingowym wykorzystywanym przez roboty wyszukiwarek do rozpoznawania i skatalogowania stron internetowych. Skrócony opis zawartości (meta description) witryny internetowej wpływa na sposób wyświetlania strony w wynikach wyszukiwania. Treści umieszczone w tym znaczniku mogą zostać wyświetlone w SERPach pod linkiem i tytułem.
W przeglądarce Google Chrome możesz w łatwy sposób sprawdzić elementy meta umieszczone na stronie internetowej. Po otworzeniu witryny wystarczy użyć skrótu Ctrl + U lub po kliknięciu prawym przyciskiem myszy w oknie przeglądarki wybrać opcję Wyświetl źródło strony. Alternatywnie możemy wybrać opcję Zbadaj, by przejść do widoku kodu źródłowego. Na ekranie zostanie zaprezentowany kod HTML, użyty do budowy strony internetowej. Nawigując do części oznaczonej tagiem <head>, znajdziesz element zawarty w znacznikach <title>. To meta title wyświetlanej strony. Treść meta opisów umieszczana jest w znaczniku <meta name="description" content="..."> w sekcji content.
Czym jest meta tytuł (meta title)?
Meta tytuł to element strony praktycznie niewidoczny dla użytkownika podczas jej przeglądania. Spotkamy się z nim:
W wynikach wyszukiwania |
|
W nazwie karty w przeglądarce internetowej |
|
W oznaczeniu strony dodanej do paska ulubionych w przeglądarce |
|
Możesz edytować ten element w kodzie HTML swojej strony. Większość CMS pozwala na edytowanie tego elementu z poziomu panelu administracyjnego.
Dobre praktyki tworzenia meta title
W zasadzie nie ma ograniczeń w kwestii treści czy parametrów meta tytułu. Warto jednak przystosować go pod najpopularniejszą w Polsce wyszukiwarkę, czyli Google. Dobrą praktyką jest wykorzystanie wybranego przez nas głównego słowa kluczowego, pod które optymalizujemy stronę.
Podstawowym założeniem jest długość tytułu, która nie powinna być dłuższa niż 512 pikseli lub po prostu 67-70 znaków. Dzięki temu mamy niemal 100% pewności, że cały wpisany przez nas tytuł będzie widoczny w wynikach wyszukiwania.
Co to jest meta opis (meta description)?
Meta opis znajdziesz tylko w wynikach wyszukiwania. Nie ma innego miejsca na stronie czy w przeglądarce, w którym ten element byłby widoczny. Choć nie ma on bezpośredniego wpływu na pozycjonowanie (nie jest czynnikiem rankingowym algorytmu Google), warto zadbać o jego poprawne działanie oraz wyświetlanie. Jako element widoczny już w wyszukiwarce może mieć wpływ na CTR (Click Through Rate).
Meta opis można edytować, podobnie jak meta tytuł, w kodzie stronie. Niemal wszystkie popularne systemy zarządzania treścią (CMS) mają funkcję edytowania meta opisów dla każdego wpisu czy podstrony.
Dobre praktyki przy tworzeniu meta description
Podobnie jak w przypadku znacznika meta title, tak i w przypadku meta description w treści warto zawrzeć podstawowe słowa kluczowe. Jak wspomnieliśmy meta description może mieć wpływ na metrykę CTR, dobrze więc zawrzeć tzw. CTA (z angielskiego Call To Action), które może zwiększyć ilość kliknięć w nasz wynik.
W przypadku meta opisów również nie istnieje odgórny limit znaków. Warto jest jednak optymalizować meta description pod liczbę znaków, jaka może zostać wyświetlona w wynikach wyszukiwania Google — około 156 znaków. Dzięki temu mamy pewność, że opis nie zostanie ucięty w wynikach wyszukiwania. Dodatkowo trzymanie się limitu wyświetlania ustanowionego przez Google zwiększa prawdopodobieństwo, że umieszczony meta description nie zostanie zastąpione alternatywnym tekstem wybranym przez algorytm wyszukiwarki.
Warto pisać meta opisy, które zachęcają użytkowników do kliknięcia poprzez wzbudzenie zainteresowania, ciekawości lub wezwanie do akcji. Nawet jeżeli średnio tylko w 37% wyszukiwań Google tagi meta description, przygotowane przez webmastera, zostaną wyświetlone, to jest to znacząca część ruchu organicznego.
Emoji w meta tytułach i opisach - jak stworzyć atrakcyjny przekaz?
Emoji to piktogramy używane przez internautów do wyrażania stanów emocjonalnych. Ze względu na popularnośc tej formy komunikacji, w 2017 roku emoji ponownie zawitało w tytułach oraz opisach stron prezentowanych na tablicach SERP Google. Pomimo możliwości wykorzystania tego graficznego elementu w meta tagach, Google nie gwarantuje ich wyświetlenia. Na prezentację piktorgramów możemy liczyć jedynie jeżeli pasują do tematyki strony oraz nie są używane w rozpraszający sposób.
Pomimo tych przeciwności wielu specjalistów SEO wskazuje na pozytywny efekt użycia emoji w meta tytule oraz opisie: zwiększony współczynnik CTR w wynikach wyszukiwania, co pośrednio może się przenieść na polepszenie pozycji rankującej strony. Dodatkowo wprowadzenie tych piktogramów może pomóc w nadaniu odpowiedniego tonu emocjonalnego stronom prezentowanym w wynikach wyszukiwania. Ikonę użyjemy by zakomunikować promocję lub gorącą ofertę, może posłużyć by przedstawić trendujący temat, a by zaprezentować nowy pomysł.
Znacznik meta keywords
Znacznik ten zalecało się stosować jeszcze 5-6 lat temu. Niestety, z powodu sporej ilość przypadków nadużyć oraz niejasności, jakie powodowało korzystanie z tego znacznika, inżynierowie odpowiedzialni za wyszukiwarkę Google zdecydowali się na zaprzestanie wsparcia dla tego kawałka kodu. Informacja na ten temat pojawiła się nawet na oficjalnym blogu Google. Warto jednak pamiętać, że Google to nie jedyna wyszukiwarka, z której korzystają użytkownicy i optymalizując strony na rynkach zagranicznych, wciąż możemy spotkać się z zaleceniem uzupełniania meta keywords dla wyszukiwarek, które wciąż z niego korzystają.
Meta tagi tylko dla wyszukiwarek
Istnieją znaczniki meta, które są interpretowane tylko i wyłącznie przez wyszukiwarki. Obecność tych znaczników może mieć ogromny wpływ na widoczność strony w wynikach wyszukiwania, ponieważ to one odpowiadają za sygnały, które interpretują roboty podczas crawlowania treści.
Przykładem takiego znacznika jest meta robots, który informuje wyszukiwarkę o tym, czy strona powinna trafić do indeksu danej wyszukiwarki, a w efekcie pojawiać się w jej wynikach wyszukiwania. Znaczy to tyle, że nieumiejętne zastosowanie tego tagu może spowodować, że strona nie będzie widoczna w wynikach wyszukiwania.
Tag meta robots może zawierać następujące wartości, które są interpretowane przez Googleboty:
- all — świadczy o tym, że dla wybranej strony nie ma żadnych restrykcji dotyczących jej crawlowania czy indeksowania;
- noindex — nie indeksuj strony, czyli, innymi słowy, nie wyświetlaj tej strony w wynikach wyszukiwania. Jeśli tag nie zawiera tego elementu, strona domyślnie może być zaindeksowana przez roboty;
- nofollow — nie podążaj za linkami umieszczonymi na tej stronie. Jeśli tag meta robots nie zawiera tej instrukcji, roboty domyślnie przechodzą za linkami i odkrywają nowe strony;
- none — jest ekwiwalentem użycia wartości 'noindex, nofollow';
- noarchive — nie pokazuj wersji cached tej strony w wynikach wyszukiwania. Jeśli nie użyjesz tej dyrektywy, w wynikach wyszukiwania może wyświetlić się kopia strony z pamięci podręcznej Google;
- nosnippet — nie pokazuj wyniku tekstowego lub podglądu video w wynikach wyszukiwania dla tej strony. Jeśli nie wykorzystasz tej dyrektywy, Google może wygenerować wynik wyszukiwania na podstawie informacji znalezionych na stronie.
- max-snippet: [number] - wykorzystywany do wskazania maksymalnej liczby znaków w tekstowym wyniku wyszukiwania.
- max-image-preview: [setting] - wykorzystaj tej dyrektywy do określenia maksymalnego rozmiaru obrazka wyświetlanego w wynikach wyszukiwania. Dla elementów nieoznaczonych w ten sposób Google wybierze wartości domyślne;
- max-video-preview: [number] - wykorzystywany do wskazania maksymalnej długości podglądu viedo (wyrażanej w sekundach) w wynikach wyszukiwania;
- notranslate - strony oznaczone w ten sposób nie będą miały możliwości przejścia do tłumaczenia bezpośrednio z wyników wyszukiwania.
- noimageindex - Nie indeksuj obrazów umieszczonych na tej podstronie. W przypadku braku tej informacji, obrazy mogą być indeksowane i pojawiać się w wynikach wyszukiwania.
- unavailable_after: [date/time] - nie wyświetlaj tej strony w wynikach wyszukiwania po wybranej dacie.
W przypadku braku sprecyzowanego tagu meta robots, crawlowanie, indeksowanie i wyświetlanie stron w wynikach wyszukiwania jest nieograniczone. Więcej o dopuszczalnych wartościach tagu meta robots znajdziesz w oficjalnej dokumentacji Google.
Przykładowy znacznik meta robots:
Wpływ meta znaczników na widoczność w wyszukiwarce
Meta znaczniki, a w szczególności meta opis, nie mają bezpośredniego wpływu na poprawę pozycji w wynikach wyszukiwania. Po co zatem poświęcać im aż tyle czasu i uzupełniać je unikalnym, ciekawym tekstem? Może się zdarzyć, że meta opis i tytuł będzie pierwszym elementem, na jaki natrafi nasz potencjalny użytkownik!
Warto zadbać, aby pierwsze spotkanie użytkownika z naszą stroną nie było negatywne. Dobrze jest zainteresować użytkownika opisem i tytułem strony używając Call To Action, dzięki czemu zwiększa się szansa na kliknięcie w wynik wyszukiwania zawierający link do naszej strony. Nie ma, niestety, jednego sprawdzonego schematu jak powinien wyglądać poprawny opis i tytuł strony. Należy jednak brać pod uwagę, że wpisane w wyszukiwarkę zapytanie powoduje pogrubienie w tytule i opisie zwrotów powiązanych z zapytaniem.
Na przykład wpisując zapytanie „pizza kraków” możemy otrzymać:
Jak widać, pogrubione zostały słowa pizza, kraków oraz pizzeria. Warto zatem pomyśleć nad takim przygotowaniem swojego opisu i tytułu, aby istniała jak największa szansa na takie pogrubienie słów.
Tworząc meta opisy i tytuły naszej strony warto podejrzeć, jak wyglądają reklamy płatne na interesujące nas zapytanie.
Reklamy płatne są przygotowywane w taki sposób, aby maksymalizować współczynnik kliknięć (Click Through Rate). Biorąc pod uwagę, że istnieje spora rzesza użytkowników, którzy posiadają zainstalowane oprogramowanie AdBlock, reklamy Google Ads nie są im wyświetlane. Jest to świetna okazja, aby dotrzeć do takich osób z naszym zoptymalizowanym wynikiem wyszukiwania.
Więcej informacji na temat meta znaczników oraz ich interpretacji przez Google znaleźć można w pomocy Google.
Artykuł napisany przez Tomasza Stopkę, uaktualniony przez Edytorów WhitePress®.