lipiec 8 2022

10min czytania

Meta tagi, czyli znaczniki meta – czym są i dlaczego warto je tworzyć?

-

Katarzyna Jaworska

Wykorzystanie wiedzy o meta tagach ma pozytywny wpływ na wiele elementów, w tym pozycjonowanie. Poprawnie zoptymalizowane znaczniki meta, pomagają robotom indeksującym lepiej czytać zawartość strony. Dowiedz się, czym są, jakie mają funkcje i znaczenie, oraz jak prawidłowo je tworzyć. Na co zwracać uwagę i jakich błędów unikać w tworzeniu meta tagów?

Spis treści:

  1. Meta tag – co to jest?

  2. Dlaczego meta tagi są ważne?

  3. Co to jest znacznik meta title?

  4. Czym jest tag description?

    1. Jak napisać dobre description?

  5. Jakie jeszcze meta tagi można wyróżnić?

    1. Meta Tag robots

  6. Czy warto pamiętać o innych tagach?

    1. Tag canonical

    2. Meta keywords

  7. W jaki sposób sprawdzić meta tagi strony?

  8. Co jeszcze możemy zrobić za pomocą meta tagów?

    1. Hreflang – atrybut w tagu HTML

  9. Open Graph meta tags – sposób na social media

    1. Których tagów Open Graph powinieneś używać?

  10. Czego unikać w praktykach metadanych? Metoda keyword stuffing

  11. Podsumowanie

Meta tag – co to jest?

Przede wszystkim większość meta tagów nie jest widoczna dla człowieka, tylko dla robotów Google – tylko meta title i meta description są widoczne w wynikach wyszukiwania. Dodatkowo meta title jest także widoczny w kartach przeglądarki. Co to oznacza? Czym są znaczniki meta? Metadane są zamieszczane w kodzie źródłowym strony internetowej, czyli dotyczą dokumentu HTML i zawsze mieszczą się w sekcji <head>. Określają m.in. tytuł, opis czy autora dokumentu. W związku z tym, że niektóre mają większe znaczenie przy pozycjonowaniu strony internetowej, postaramy się opisać właśnie je.

Dlaczego meta tagi są ważne?

Prawidłowa optymalizacja meta danych wspomaga proces pozycjonowania strony i pozwala wpłynąć bezpośrednio na SEO tak jak np. <title>, który jest elementem optymalizacji witryny. Metadane zawierają opisy zawartości strony, a także powiązane z treścią słowa kluczowe. Często są wyświetlane w wynikach wyszukiwania, co oznacza, że ​​ich dokładność i szczegóły mogą mieć wpływ na to, czy użytkownik zdecyduje się odwiedzić witrynę. Informacje te są zwykle wyrażane w postaci meta tagów.

Wyszukiwarki oceniają meta tagi, aby pomóc określić trafność strony internetowej. Meta tagi były używane jako kluczowy czynnik określania pozycji w wyszukiwaniu do późnych lat 90. XX wieku. Wzrost optymalizacji pod kątem wyszukiwarek (SEO) pod koniec lat 90. doprowadził do tego, że wiele stron internetowych upchnęło swoje metadane słowami kluczowymi, aby oszukać wyszukiwarki, dzięki czemu ich witryny wydają się bardziej odpowiednie niż inne.

Poprawiam widoczność swojej strony

Od tego czasu wyszukiwarki zmniejszyły swoją zależność od meta tagów, chociaż nadal są one uwzględniane podczas indeksowania stron. Wiele wyszukiwarek próbuje również udaremnić stronom internetowym możliwość oszukania ich systemu, regularnie zmieniając kryteria rankingów, przy czym Google jest znany z częstych zmian algorytmów rankingowych.

Metadane mogą być tworzone ręcznie lub poprzez automatyczne przetwarzanie informacji. Ręczne tworzenie jest zwykle bardziej dokładne, umożliwiając użytkownikowi wprowadzenie wszelkich informacji, które uważa za istotne lub które pomogłyby opisać plik. Automatyczne tworzenie metadanych może być znacznie bardziej elementarne, zwykle wyświetlając tylko informacje, takie jak rozmiar pliku, rozszerzenie pliku, kiedy plik został utworzony i kto go utworzył.

Jednym z najważniejszych meta tagów, który bierze udział w rywalizacji o najlepszą pozycję w wynikach wyszukiwania jest title.

Co to jest znacznik meta title?

Inaczej meta tytuł – jest to pierwszy element, który zwraca naszą uwagę podczas przeglądania wyszukiwarki. Dla robotów jest to informacja odnosząca się do zawartości danej domeny. Wartość atrybutu title jest wyświetlana w przeglądarce w oknie lub zakładce, a także jako tytuł strony w wynikach wyszukiwarki. W kodzie źródłowym strony znajduje swoje miejsce między tagami HTML <title></title>.

Przykład: <title>Kanibalizacja słów kluczowych – definicja, przyczyny, rady</title>

Poniżej przykład, w jaki sposób pokazuje ten tag Google:

Źródło:https://www.salestube.tech/pl/blog/kanibalizacja-slow-kluczowych-czym-jest-i-jaki-ma-wplyw-na-pozycjonowanie/

<Title> jest najważniejszym, kluczowym miejscem, który ma wpływ na pozycjonowanie. To m.in. na jego podstawie roboty Google analizują i identyfikują tematykę danej podstrony.

Meta tag title powinien zawierać w sobie pewne elementy, tj.:

  1. Informować o zawartości artykułu.

  2. Być jak najbardziej treściwy.

  3. Musi być unikalny – unikaj duplikatów!

  4. Powinien zawierać frazę kluczową – unika się używania takich samych tytułów dla kilku stron.

  5. Nie powinien być taki sam jak H1, natomiast powinien być z nim ściśle powiązany – H1 jest pewnego rodzaju rozbudowaniem <title>.

  6. Powinien zawierać najważniejsze słowa związane z daną podstroną, wybrane na podstawie ich wolumenów (liczba zapytań do wyszukiwarki Google).

  7. Ważne słowa kluczowe powinny znajdować się w pierwszej części tytułu, mniej istotne, analogicznie – dalej.

  8. Mieć odpowiednią długość.

  9. Mile widziane emoji – jednak wcześniej sprawdź, co wybierasz – niektóre nie są widoczne dla wyszukiwarki tak jak dla użytkowników, np. ten znak ➤ jest bezpieczną opcją.

Tutaj przydatna strona, z której możesz pobierać emoji: http://www.amp-what.com/unicode/search/icon 

Powyższych punktów nie trzeba wyjaśniać, oprócz jednego – długości. Przyjmuje się, że title powinien zawierać 50 – 70 zzs. Jednak to nie ilość znaków, a ich szerokość, a dokładniej piksele, decydują o tym, czy nasz meta tytuł jest odpowiedni. Ta kwestia jest bardzo istotna, ponieważ m.in. od tego zależy czy tytuł strony będzie się wyświetlać. Specjaliści SEO do kontrolowania długości meta najczęściej używają narzędzi. Jest kilka świetnych, darmowych tooli, takich jak np. to tutaj: https://totheweb.com/learning_center/tool-test-google-title-meta-description-lengths/.

Jednak to nie tylko tytuł przyciąga użytkowników, ale także meta description. Tylko czy meta opis w ogóle wpływa na wyniki wyszukiwania?

Czym jest tag description?

Meta description, inaczej znacznik description,  <meta name=”description” content=”{opis}” />, to krótki opis zawartości naszej strony, który jest odpowiedzialny za jej atrakcyjny wygląd w wynikach wyszukiwania. Jednak warto pamiętać, że nie ma on wpływu na ranking i tym samym na pozycjonowanie. Jednak jest bardzo istotny z punktu widzenia użytkownika. Jak możemy przeczytać na oficjalnym blogu Google:

Źródło: https://developers.google.com/search/blog/2007/09/improve-snippets-with-meta-description

Poniżej przykład, w jaki sposób pokazuje ten tag Google:

Dlatego tak ważne jest, żeby nie pomijać tworzenia meta opisów. Przede wszystkim dlatego, że mają ogromny wpływ na to co zrobi internauta – zainteresowany wybierze daną stronę,  lub poszuka czegoś „lepszego”. Interesujący opis pozwala na znaczne zwiększenie współczynnika CTR (click-through rate, czyli współczynnik klikalności) dla konkretnej podstrony.

Dlatego nie warto rezygnować z najprostszej formy marketingu, jaką daje nam meta opis, skoro sami możemy zdecydować co znajdzie się w SERP.

Jak napisać dobre description?

Żeby stworzyć wartościowe meta description, trzeba pamiętać o kilku ważnych zasadach. Jedną z nich jest odpowiednia długość, czyli ok. 150 zzs. Natomiast tak jak w przypadku meta title, nie liczy się długość a piksele. W celu upewnienia się, czy Twój opis jest odpowiedni, warto sięgnąć po wspomniane przez nas wcześniej narzędzie totheweb. Dodatkowo kilka poniższych wskazówek powinno ułatwić sprawę.

Meta tag description powinien:

  • Być oryginalny – treść musi być unikatowa – zawsze stawiaj na niepowtarzalny opis. Jeżeli chcesz sprawdzić unikalność swojego tekstu, warto w tym celu użyć darmowego narzędzia jak np. https://smallseotools.com/ lub https://smallseotools.com/plagiarism-checker/.

  • Zawierać CTA (Call To Action) – zachęcać czytelnika do działania.

  • Określać temat artykułu – w kilku zdaniach można przedstawić, o czym będzie tekst. Wtedy czytelnikowi łatwiej zdecydować, czy chce go przeczytać.

  • Zawierać w sobie odpowiednie słowa kluczowe – w title jest to konieczność, natomiast użycie ich w opisie pozwoli na ich pogrubienie w SERP. Ważne, żeby opis był naturalny.

  • Zawierać „power word” w celu poprawy skuteczności przekazu.

Jakie jeszcze meta tagi można wyróżnić?

Znaczników meta jest wiele. Natomiast jakie meta tagi, będące częścią kodu strony www mają znaczenie z punktu widzenia pozycjonowania? Już na wstępnie ustaliliśmy, że nie wszystkie meta tagi mają wpływ na SEO, ale niektóre z nich mogą skutecznie wpłynąć na wyższy wskaźnik CTR, co może przełożyć się także na konwersję.  W takim razie, które z nich mają realny wpływ na pozycję Twojej strony w wynikach wyszukiwania oprócz znacznika title?

Meta Tag robots

Znaczniki meta robots umieszczone w sekcji <head> strony informują boty o tym, czy mogą indeksować treści i śledzić linki, które są umieszczone na stronie, czy też nie.

Tag <meta name=’robots’ content=”/> rozłożony na czynniki pierwsze wygląda tak

Źródło: https://developers.google.com/search/docs/advanced/robots/robots_meta_tag?hl=pl, Dominik Etryk – Senior SEO Specialist

W związku z tym, że mamy (względną) możliwość zarządzania indeksacją, możemy ograniczyć robotom dostęp do witryny poprzez:

Znaczniki meta robots – występujące w sekcji <head>:

  • Nofollow – robot nie śledzi zawartych linków na stronie – nie przekazuje ich mocy tzw. link juice i nie bierze udziału w linkowaniu wewnętrznym

  • Noindex – robot nie indeksuje strony

  • None – odpowiednik nofollow i noindex

W związku z tym, że jesteśmy przy indeksacji, nie można nie wspomnieć o jeszcze jednym sposobie jej optymalizacji. Pomimo tego, że nie są to meta tagi, nie można o nich zapomnieć. Mowa o plikach robots.txt, które znajdują się w katalogu głównym serwera FTP (File Transfer Protocol). Pliki robots.txt informują boty o tym czego nie powinny robić na danej stronie. Możemy np. zablokować dostęp robotów do danych podstron. Przykład poniżej:

Źródło: https://www.warta.pl/robots.txt

Trzeba wiedzieć, że zablokowanie dostępu do określonych podstron plikiem robots.txt nie powoduje wyindeksowania strony z Google. Co więcej, robot Google nie wejdzie wtedy na stronę, żeby odczytać meta tagi takie jak robots noindex.

Wracając do meta tagów, jest jeszcze kilka z nich, które szczególnie zasługują na naszą uwagę. Są nimi:

  • Index – robot może zaindeksować stronę

  • Follow – robot może śledzić dostępne na stronie linki

  • All – robot może zaindeksować stronę i śledzić dostępne na niej linki

  • Noarchive – informacja dla Google, aby nie przechowywał kopii strony w pamięci podręcznej

  • Nosnippet – uniemożliwia wyświetlanie fragmentu strony, obrazu lub wideo w wynikach wyszukiwania 

Znacznik „all” jest dodawany domyślnie, w momencie, w którym nie oznaczymy meta robots. Jeżeli chcesz, żeby wszystkie Twoje strony były zaindeksowane, a dostępne na nich linki śledzone – nie musisz pamiętać o tym tagu – Google brak tagu potraktuje jako <all>. Podobnie jest w przypadku tagów „index” i „follow” – znajdują się w ustawieniach domyślnych i ich wpisywanie nie jest konieczne.

Czy warto pamiętać o innych tagach?

Jest kilka meta tagów, które mają wpływ na pozycjonowanie w wyszukiwarce Google. Niektóre z nich wpływają bezpośrednio na pozycję, inne nie mają aż takiego znaczenia. W tym artykule najważniejsze z nich zostały już omówione. Wymienię i krótko opiszę jeszcze dwa z nich, które powinieneś znać.

Tag canonical

Kolejny tag jest określany na wiele sposobów, tj.: link kanoniczny, adres kanoniczny, tag rel canonical, rel=canonical, canonical tag.

Poniżej przykład:

Canonical to meta tag, który informuje roboty Google, który URL jest kanoniczny – to znaczy, który link ma być brany pod uwagę jako „oryginalny”, kiedy treści na stronie są do siebie bardzo podobne. Jest to popularna i sprawdzona metoda w przypadku wykrycia na stronie duplicate content. Przykładem może być jeden produkt np. beżowe szpilki rozmiar 36, który jest oznaczony jako canonical i to na niego wskazują różne wariacje kolorów i rozmiarów. Gdyby ten konkretny URL nie był oznaczony jako link kanoniczny, inne rozmiary i kolory tego samego produktu musiałyby posiadać inne, oryginalne opisy, żeby uniknąć kanibalizacji.

Poniżej przykład:

Ten atrybut dodany w nagłówku strony HTML skutecznie wskazuje robotowi oryginał vs powielane treści. Poniżej przykładowy tag canonical w kodzie HTML:

<link rel=”canonical” href="https://www.salestube.tech/pl/blog/" />

Meta keywords

Tag meta keywords służył do określania istotnych słów kluczowych z punktu widzenia danej strony, które są do niej dopasowane w kontekście contentu. 

Meta znacznik słów kluczowych był kiedyś jednym z najważniejszych meta tagów. W SEO odgrywał kluczową rolę w zdobywaniu najwyższych pozycji w rankingu wyszukiwania. W związku z tym, że słowa kluczowe miały olbrzymi potencjał do manipulowania wynikiem, aktualnie meta tag keywords nie mają wpływu na ranking w Google. Jednak, co warto zauważyć, nadal mają znaczenie dla takich wyszukiwarek jak np. Bing czy Yahoo. 

Poniżej przykładowy tag meta keywords:

<meta name=”keywords” content=”słowa kluczowe” />

W jaki sposób sprawdzić meta tagi strony?

Najprostszym sposobem jest otworzenie kodu źródłowego strony – tutaj sprawdzi się funkcja Ctrl+U. Wszystkie meta znaczniki znajdują się w miejscu <head>, czyli na początku kodu strony HTML. Możesz ułatwić sobie pracę wybierając Ctrl+F i wyszukać konkretny tag. Bardzo praktycznym rozwiązaniem są wtyczki, które w prosty sposób pozwalają znaleźć podstawowe informacje o stronie. Jedną z najbardziej funkcjonalnych jest wtyczka SEO meta in 1 click. Poniżej zobacz jak wtyczka pokazuje wybrane meta tagi, takie jak title, description, czy meta robots:

Co jeszcze możemy zrobić za pomocą meta tagów?

Jedną z ciekawszych możliwości, jakie dają nam meta tagi, jest weryfikacja własności witryny. Google Serach Console sprawdza prawo do własności, ponieważ właściciele stron internetowych, którzy są zweryfikowani, mają dostęp do bardzo istotnych i poufnych danych.

Możliwości weryfikacji prawa do zarządzania i przetwarzania danych jest co najmniej kilka. Jedną z popularnych metod jest tag meta HTML, który jest dodawany do kodu danej strony. Ważne, aby znalazł się w prawidłowej lokalizacji. 

Poniżej wymagania Google Search Console i kroki, które pomogą zweryfikować prawo do własności danej witryny.

Źródło: https://support.google.com/webmasters/answer/9008080?hl=pl 

Hreflang – atrybut w tagu HTML

Bardzo przydatny tag, jeżeli Twoja strona jest wielojęzyczna, ponieważ pomaga robotom indeksującym określić, jakim językiem posługujesz się pod konkretnym adresem URL.
Dzięki temu Google może wyświetlać odpowiednie strony, dopasowane do języka lub regionu konkretnego użytkownika.

Sposoby zaimplementowania hreflangu są trzy:

  • w kodzie strony HTML, jako element <link>,

  • w sitemapie XML,

  • w nagłówku HTTP.

Gary Illyes w jednym z wywiadów twierdzi, że hreflangi mogą mieć bezpośredni wpływ na pozycję w wynikach wyszukiwania, ponieważ

„strony w klastrze hreflang wzajemnie dzielą się informacjami rankingowymi. Dlatego też najbardziej odpowiednia strona wpływa na pozycję w rankingu, ale to w największym stopniu dopasowana dla użytkownika strona wyświetli się w SERP”.

Źródło: https://www.youtube.com/watch?time_continue=146&v=6ewntnqltI4&feature=emb_title 

Open Graph meta tags – sposób na social media

Protokół Open Graph został wprowadzony w 2010 roku, a tagi Open Graph wpływają na sposób wyświetlania stron internetowych, które są udostępniane w social mediach. Na początku Open Graph miał odnosić się jedynie do Facebooka, natomiast aktualnie jest używany także przez inne serwisy społecznościowe, takie jak Twitter czy LinkedIn.

Jak wszystkie meta tagi, Open Graph także znajdziesz w sekcji <head> strony internetowej. Integracja z Open Graph daje kontrolę nad tym, w jaki sposób wyświetla się nasza strona, a jej wartość wizualna przekłada się na działanie użytkownika – czyli kliknięcia. Jednak warto zaznaczyć, że meta tagi Open Graph nie wpływają na wyższą pozycję w wynikach wyszukiwania, ale są ważne dla mediów społecznościowych. 

Których tagów Open Graph powinieneś używać?

Poniżej lista tych, na które koniecznie trzeba zwrócić uwagę:

og:title – tytuł Twojej strony

Odpowiednik meta tytułu. Jeżeli w kodzie strony nie ma og:title, Facebook i inne social media posłużą się znacznikiem title. Warto pamiętać o:

  • długości – co prawda nie ma przyjętej jednej wartości, ale ważne, aby nie był za długi. Dobrą praktyką jest 40 zzs dla mobile i 60 zzs dla desktopów,

  • braku nazwy marki w tytule,

  • umieszczaniu tego tagu w każdej z możliwych stron, które mogą być udostępniane.

Przykład: <meta property=”og:title” content=”Meta tagi, czyli meta znaczniki – czym są i dlaczego warto je tworzyć?” />

og:description – opis Twojej strony

Bardzo podobny do znacznika meta description. Określa zawartość danej strony internetowej w social mediach. Jeżeli masz taką możliwość – skopiuj, bądź zasugeruj się meta opisem uzupełniając og:description. Jednak unikaj długich treści – 2-4 zdania wystarczą. 

Przykład: <meta property=”og:description” content=”Sprawdź czym są metadane i dlaczego są ważne dla SEO.” />

og:type – określenie typu udostępnianego adresu URL np.zdjęcie, video, artykuł, etc. 

Możliwości jest mnóstwo – całość dostępna tutaj: https://ogp.me/#types 

Przykład: <meta property=”og:type” content=”article” />

og:url – adres URL

Najlepszą praktyką jest użycie kanonicznego adresu strony. Takie rozwiązanie jest bardzo przydatne, ponieważ pozwala na połączenie wszystkich polubień, udostępnień etc. dla wszystkich opublikowanych i zduplikowanych adresów URL.

Przykład: <meta property=”og:url” content=”adres” />

og:image – adres URL dla obrazu

Właściwie najbardziej istotny tag Open Graph. Dzięki niemu obrazek ma szansę się wyświetlić i tym samym zachęcić użytkowników do kliknięcia, co finalnie może przełożyć się na wzrost konwersji. 

W social mediach obrazki/grafiki zajmują największą powierzchnię, dlatego też og:image uznawany jest za najważniejszy z tagów. 

Warto pamiętać o kilku zasadach:

  • nie zapomnij dodać swojego logo lub innych brandowych obrazków dla pozostałych stron 

  • zdjęcia powinny być  w odpowiednim rozmiarze: 1200 x 630, żeby zachować odpowiednią rozdzielczość

  • ważne jest zachowanie proporcji obrazu: 1.91:1, czyli 1080 x 566 px

Przykład: <meta property=”og:image” content=”adres grafiki” />

og:locale – definiuje język, który używany jest na danej stronie

Tego tagu warto używać w przypadku, w którym treści nie są napisane w języku angielskim amerykańskim. Wynika to z faktu, że Facebook z góry zakłada, że jeżeli og:locale nie jest określony, to treści są napisane właśnie w tym języku.

Przykład: <meta property=”og:locale” content=”pl_PL”/>

Podsumowując tagi Open Graph są istotne, ale nie warto poświęcać im zbyt dużo czasu. Dlatego wdrażając je do kodu strony skup się tylko na tych podstawowych, a jednocześnie najważniejszych i obserwuj wyniki. Ten fragment kodu można dodać ręcznie, jednak większość popularnych CMS ów ma specjalne rozszerzenia, dzięki którym przyspieszysz ten proces.

Czego unikać w praktykach metadanych? Metoda keyword stuffing

Praktyka keyword stuffing polega na „upychaniu” w tekście bardzo dużej ilości fraz kluczowych. Czasami są one dodawane grupowo bez kontekstu, czasami w formie listy, jednak zawsze w taki sposób, że nie są naturalną częścią tekstu. 

Keyword stuffing jest próbą manipulacji pozycji witryny w wynikach wyszukiwania. Jest to metoda, która nie jest akceptowana przez Google i grożą za nią kary. Przykład poniżej:

Keyword stuffing do 2011 roku, czyli do momentu wejścia w życie algorytmu Panda był powszechnie stosowaną techniką. Natomiast aktualnie Google takie strony uważa za spamerskie i obniża ich pozycje w wynikach wyszukiwania, czasami stosując kary, nawet takie jak zbanowanie strony. 

Dlatego zamiast dużej ilości fraz w treściach, warto postawić na ich jakość. 

Podsumowanie

Zawartość strony internetowej, i to jak podejdziemy do jej optymalizacji, może dać wymierne korzyści w postaci dobrej pozycji w wyszukiwarce. Omówiliśmy podstawowe znaczniki meta, skupiając się na tych najbardziej wpływowych dla SEO. W pracy nad optymalizacją strony i odpowiednimi meta tagami trzeba pamiętać o wielu szczegółach, które mam nadzieję, że teraz, będą łatwiej przyswajalne. Pamiętaj tylko, że dobrze zoptymalizowane znaczniki meta wpływają w głównej mierze pośrednio na pozycjonowanie strony w wyszukiwarce i mogą mieć kluczowy wpływ na budowę widoczności Twojej domeny w SER


Do you have any questions?

Do you want to deepen this topic? Write!

hello@salestube.tech
You liked the article, share it with:

Let's change the world of e‑commerce together!

We're always happy when we can answer your questions. Feel free to contact us!