Metatagi są bardziej istotne dla SEO niż kiedykolwiek: oto dlaczego
Opublikowany: 2020-03-24Metatagi są podstawą kodu HTML, budulcem dobrej strony internetowej.
Działają od dziesięcioleci i działają jako rozmówcy między Tobą, wyszukiwarkami i użytkownikami – upewniając się, że nic nie stoi na przeszkodzie Twojej strategii dystrybucji treści. Co więcej, są one nieocenioną częścią Twojej strategii SEO, bez której Twoje treści zaginęłyby w kanałach internetowych, nigdy nie docierając do prawdziwych odbiorców.
Jednak w obliczu rosnącego z dnia na dzień Internetu i liczby narzędzi do tworzenia stron internetowych, które mogą przytłoczyć twórców witryn, łatwo jest nie wiedzieć, jakie elementy są warte Twojego czasu. Tak wielu projektantów podchodzi do kodowania bez dedykowanego planu i marnuje cenny czas na elementy, które nie zapewniają prawdziwej wartości Twojej stronie.
Dlaczego powinieneś używać metatagów, aby poprawić SEO?
Ponieważ wszystkie branże coraz bardziej koncentrują się na swojej obecności w Internecie, metatagi są ważniejsze niż kiedykolwiek. Wyniki wyszukiwarek są bardziej niż kiedykolwiek zalane konkurencyjnymi witrynami, a każda z nich próbuje znaleźć się na pierwszej stronie. Tego typu tagi to jedna z niewielu rzeczy, które pozwalają osiągnąć tak wysoką pozycję w rankingu.
Oczywiście strona internetowa nie może się rozwijać dzięki samym metatagom. Świetna treść jest tym, co zdobywa użytkowników, a zapewnianie satysfakcji klienta jest tym, co ich zatrzymuje. Jednak bez metatagów SEO nikt nie będzie w stanie znaleźć Twoich świetnych treści i cieszyć się optymalną obsługą klienta.
Metatagi mogą nawet pośrednio przyczynić się do SEO. Google przyznało, że zachowanie użytkownika jest brane pod uwagę podczas rankingowania stron, co oznacza, że wyszukiwarka wysoko ocenia każdą witrynę, która ma znaczną liczbę kliknięć. Oznacza to, że projektowanie treści tak, aby przyciągały uwagę odwiedzających, to połowa sukcesu, a metatagi są ważnym narzędziem w osiągnięciu tego celu.
9 rodzajów metatagów, których powinieneś używać, aby poprawić SEO
Nie wszystkie metatagi są sobie równe: niektóre są bardziej przydatne w nowoczesnych aplikacjach niż inne, a niektóre nie mają już żadnej wartości dla SEO. W niektórych przypadkach zależy to od tego, co Google liczy w swoim rankingu, a czego nie. Wszystko, co się nie liczy, to strata czasu na kodowanie. Oto dziewięć najlepszych typów niezbędnych tagów, które pomogą Ci osiągnąć wysoką pozycję w wyszukiwaniach, zwiększyć współczynnik klikalności i usprawnić obecność w sieci.
Typ treści meta
Tag typu treści meta służy do określenia typu multimediów w kodzie. To on konfiguruje resztę sekcji nagłówka i zapewnia, że strona wyświetla się tak, jak powinna we wszystkich przeglądarkach, dlatego ważne jest, aby uwzględniać ją za każdym razem, gdy kodujesz.
Oto przykład tagu. Edytuj typ treści w zależności od tego, co chcesz wyświetlić:
<głowa>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
Meta opis
Ten następny element meta to element HTML używany do podsumowania Twojej strony internetowej. Kolejny element zagnieżdżony w sekcji nagłówka, podsumowanie jest tym, co pojawia się pod tagiem tytułu w wynikach wyszukiwania Google, dając odwiedzającym wyobrażenie o tym, czego mogą się spodziewać po Twojej stronie.
Chociaż opis meta nie jest jednym z elementów rankingu Google w swoich wyszukiwaniach, nie oznacza to, że nie jest ważny dla SEO. Pomyśl o tym jako o witrynie sklepu: sugestii sprzedażowej, dlaczego użytkownicy powinni przejść do Twojej witryny.
Opisy mogą mieć długość od 150 do 160 znaków, ale zazwyczaj w wynikach wyszukiwania na urządzeniach mobilnych pojawia się tylko od 120 do 130 znaków. Nie ma magicznej liczby określającej, jak długi powinien być opis, ale ważne jest, aby wypełnić go ukierunkowanymi słowami kluczowymi i wezwaniem do działania, aby zachęcić użytkowników do kliknięcia. Chcesz, aby użytkownicy wiedzieli, że Twoja strona odpowiada na zadane przez nich pytanie, ale nie zdradzaj zbyt wiele, że nie muszą przechodzić do Twojej witryny.
Oto przykład tagu meta description:
<głowa>
<meta name=”description” content=”To jest przykład metaopisu. Zawiera wszystkie informacje istotne dla Twojej strony. Może mieć do 160 znaków.”>
</head>
Tagi tytułów
Tag tytułowy jest aktem otwierającym Twoją stronę internetową, pierwszym elementem HTML, który odróżnia Twoją stronę internetową od odwiedzających witrynę i wyszukiwarek. Już powinno być jasne: tytuł jest ważny.
Pamiętaj, że istnieje kilka elementów, które możesz umieścić w tagu tytułu, aby zwiększyć swoje szanse na rozpoznanie przez wyszukiwarkę i współczynnik klikalności. Umieść tagi za pomocą słów kluczowych lub jeszcze lepiej, długich słów kluczowych. Są to trzy- lub czterowyrazowe słowa kluczowe specyficzne dla Twojej niszy. Z drugiej strony ważne jest, aby nie przesadzić. Pierwsze słowo w tagu tytułowym powinno być Twoim głównym słowem kluczowym i nie powinieneś przytłaczać czytelnika zbyt wieloma innymi.
Oto jak wygląda tag tytułu:
<głowa>
<title>To jest przykład tagu tytułu</title>
</head>
Jaka jest optymalna długość tagu tytułu dla celów SEO?
Chociaż nie ma ograniczeń co do długości tytułów, najlepsza długość tagów tytułu wynosi od 55 do 60 znaków. Wynika to głównie z praktyk Google: wyświetlają tylko 60 znaków dowolnego tytułu przed odcięciem reszty. Trzymaj się poniżej tego progu, a możesz być prawie pewien, że Twój tytuł będzie wyświetlany w pełnej krasie.
Jeśli naprawdę chcesz zmaksymalizować liczbę znaków wyświetlanych w Google, możesz zastosować jedną sztuczkę. System wyświetlania wyszukiwarki jest zależny od pikseli, a nie wyłącznie znaków, co oznacza, że jeśli użyjesz małych liter zajmujących mniej pikseli (takich jak i, l, t), możesz zmieścić więcej niż większe, duże litery (takie jak M, W ).
Liczba słów w tytule zależy od celu.
„Tytuły angażują się inaczej w zależności od platformy. Najczęściej klikane linki na Facebooku mają tytuły od 12 do 14 słów, podczas gdy najpopularniejsze na Twitterze mają od 8 do 12 słów”.
Terrance Rattigan
Tech Writer, Writemyx i Britstudent
Znacznik kanoniczny
Tag kanoniczny służy do pomocy wyszukiwarce, gdy masz wiele adresów URL o tej samej treści. Często Twoja strona może generować kilka adresów URL, które prowadzą do tego samego miejsca, a nie do kopii jednego oryginału.
Można to również zastosować do stron o podobnej, ale nie dokładnie takiej samej treści, aby uniknąć dzielenia działań SEO dla jednego zestawu słów kluczowych na wiele stron. Bez tego tagu Google zwróciłby „http://twoja strona.com i http://twojastrona.com/index.php jako różne strony, gdy mają tę samą treść. Ten tag jest również przydatny w przypadku automatycznie generowanych adresów URL identyfikatorów sesji, aby upewnić się, że są one postrzegane jako kanoniczne względem oryginalnej strony, a nie nowej.
Innym przykładem tego metatagu jest powiązanie mobilnych adresów URL z Twoją stroną. Strony mobilne są oznaczone jako takie za pomocą m. przed nazwą domeny. Umieszczenie tagu kanonicznego w kodzie mobilnym zapewnia, że strona mobilna będzie taka sama jak strona na komputery, tylko z innym formatowaniem.
Oto jak wstawić tag kanoniczny do kodu:
<link rel="canonical" href="http://example.com/" />
Znacznik tekstu alternatywnego
Alternatywny tag tekstowy jest ważny, aby umieścić go wokół dowolnych obrazów na stronie. Wyszukiwarki nie mogą czytać obrazów, więc potrzebują tekstu alternatywnego, aby wiedzieć, co znajduje się na Twojej stronie.
Podczas tworzenia tagów tekstu alternatywnego celem gry jest zwięzłość i informacja. Upewnij się, że tekst jest jasny i zawiera informacje o obrazie oraz unikaj obcego lub nadmiernie subiektywnego języka (jeśli to możliwe, unikaj przymiotników). Tagi tekstu alternatywnego nie powinny być dłuższe niż 16 słów, od 50 do 55 znaków.
Jeśli chodzi o sam obraz, w miarę możliwości używaj oryginału i staraj się nie pogarszać jakości obrazu. Zapewni to szybsze ładowanie strony i zadowolenie wyszukiwarek.
Oto jak napisać tag tekstu alternatywnego:
<img src=”http://example.com/abc.jpg” alt=”abc” />
Metatagi robota
Ten metatag jest przeznaczony dla robotów indeksujących, botów zaprojektowanych do przesiewania tysięcy stron internetowych w celu zindeksowania. Najpopularniejsze typy robotów indeksujących są wykorzystywane przez wyszukiwarki, więc metatag robota jest niezbędny, jeśli chcesz, aby Twoja strona pojawiała się w wyszukiwarkach internetowych.
Metatag robota składa się z dwóch głównych elementów, które sterują robotami indeksującymi. FOLLOW nakazuje przeszukiwaczowi podążać za wszystkimi odsyłaczami na wyznaczonej stronie, a INDEX nakazuje przeszukiwaczowi zaindeksować tę stronę.
Polecenie wygląda tak:
<meta name=”robots” content=”index, follow”>
Jeśli masz stronę, której nie chciałbyś indeksować lub śledzić, możesz zanegować powyższe polecenia: NOFOLLOW i NOINDEX. Funkcja jest taka sama, ale w odwrotnej kolejności. Google jest dobrze znany z surowego kontrolowania praktyki linkowania w celu uniknięcia manipulacji, więc te funkcje są przydatne w unikaniu kary w rankingu przez wyszukiwarkę. Na przykład możesz ustawić NOFOLLOW na płatne lub sponsorowane linki, niezaufane treści lub treści obarczone ryzykiem spamu.
Widoczność
Element widoku, znany również jako metatag responsywnego projektu, może kontrolować układ stron internetowych na urządzeniach mobilnych. Przed mobilnym surfowaniem po Internecie wszystkie strony były projektowane z myślą o standardowych wymiarach komputera stacjonarnego lub laptopa. Teraz, gdy coraz więcej użytkowników korzysta z urządzeń mobilnych w większości przypadków korzystania z internetu, ważne jest, aby upewnić się, że Twoja strona jest skonfigurowana dla tych użytkowników.
Oto podstawowa struktura elementu:
<nazwa meta=”viewport” content=”width=szerokość-urządzenia,początkowa-skala=1.0″>
Najważniejszym elementem jest tutaj „szerokość=szerokość urządzenia”. Ustawia to szerokość ekranu strony do dowolnego urządzenia, na którym pracuje użytkownik, dzięki czemu ten tag jest doskonałym rozwiązaniem typu catch-all dla wielu urządzeń.
Widoczność nie jest bezpośrednio związana z wydajnością SEO, ale ma wpływ na wrażenia z interfejsu użytkownika, więc jest ważnym czynnikiem w utrzymaniu użytkownika. Witryny, które nie działają dobrze na urządzeniach mobilnych, będą omijane przez miliony użytkowników, a Twoja marka może kojarzyć się z przestarzałymi praktykami i niewygodnym interfejsem – zdecydowanie nie jest to coś, czego chcesz.
Otwórz wykres
Open Graph ma na celu zintegrowanie Twojej strony z innym kluczowym aspektem docierania do odbiorców: mediami społecznościowymi. Ten tag służy do wyświetlania w mediach społecznościowych, co Viewport robi dla wyświetlania urządzenia i co tagi Title robią dla SEO: zapewnia, że Twoje treści wyświetlają się dobrze i zajmują wysoką pozycję w mediach społecznościowych.
To dość gęste tagi, oto kilka przykładów:
<meta property=”og:type” content=”artykuł” />
<meta property=”og:title” content=”To jest tytuł Twojej strony lub posta” />
<meta property=”og:description” content=”To jest opis zawartości Twojej strony” />
<meta property=”og:image” content=”To jest link do obrazu” />
<meta property=”og:url” content=”PERMALINK” />
<meta property=”og:site_name” content=”To jest nazwa Twojej witryny” />
„Różnią się one nieco od typowych tagów SEO, ale dodają tyle samo wartości do strategii wzrostu liczby odbiorców. Tumblr wykorzystał to w 2012 roku i odnotował wzrost współczynnika klikalności o 250%”.
Solange Uhara
Ekspert SEO, 1Day2Write i Nextcoursework
Wniosek
Metatagi są i prawdopodobnie zawsze będą niezbędne w budowaniu każdej strony internetowej, a przynajmniej na razie są kluczem do dobrej wydajności SEO. Powyższe tagi są uważane przez projektantów w całym Internecie za jedne z najważniejszych dla wygody użytkownika i rankingu wyszukiwarek, więc można śmiało powiedzieć, że nie będziesz tracić czasu na ich wdrażanie.
Jeśli chodzi o inne tagi, poświęć chwilę, aby zastanowić się, co chcesz osiągnąć i czy warto poświęcić na to czas. Projektowanie stron internetowych to maraton, a nie sprint, więc postaraj się, aby praca, którą wykonujesz, zawsze zmierzała do pozytywnego rozwoju Twojej witryny.
Stań się bardziej wykwalifikowany we wszystkich rzeczach SEO. Odkryj odpowiednie oprogramowanie SEO dla swoich potrzeb i bądź na bieżąco z niezbędnymi komponentami odpowiedniej strategii SEO, metatagami i nie tylko.