porozmawiajmy o Meta tagach — czym są, dlaczego są ważne i jak je lepiej zrobić.

Po pierwsze – co skłoniło cię do kliknięcia w ten artykuł, aby go przeczytać?

może Tytuł wpadł Ci w oko, a może był to krótki blurb, który widziałeś.

możesz kliknąć po prostu dlatego, że ten artykuł pochodzi ze źródła, któremu ufasz.

Jeśli jednak znalazłeś ten artykuł za pomocą wyszukiwarki, istnieje duża szansa, że znalazłeś i kliknąłeś ten artykuł z powodu meta tagów.

meta tagi są podstawą SEO, a pierwszą rzeczą, którą znajdziesz się podczas tworzenia strony internetowej.

bez meta tagów nie można dotrzeć do czytelników.

generowanie metatagów nie zajmuje dużo czasu, ale jest ważniejsze niż mogłoby się wydawać.

To dlatego, że 93% wszystkich doświadczeń online zaczyna się od Wyszukiwarki.

dlatego tak wielu marketerów online tak koncentruje się na poprawnym SEO.

organiczny ruch wyszukiwania jest świętym graalem SEO, więc nie można go zignorować.

Twoja treść musi być czytelna i atrakcyjna dla użytkowników w wyszukiwarkach.

potrzebna jest bardzo konkretna składnia.

jest to podobne do tego, jak księgarnie i biblioteki organizują swoje archiwa książek — i tym są meta tagi, zasadniczo.

czym są Meta Tagi?

meta tagi to rodzaj znacznika HTML, który dostarcza wyszukiwarkom informacji o stronie internetowej.

przyjrzyjmy się podstawowym elementom.

tagi tytułu i opisu tworzą prawie cały wpis.

gdyby nie te metatagi, wszystko, co zobaczysz w SERPach Google, byłoby moim adresem URL.

Tagi tytułu i opisu to dwa najczęściej używane tagi do celów SEO, ale SEO nie jest jedyną częścią marketingu cyfrowego.

zaawansowany marketing cyfrowy wymaga użycia jeszcze większej liczby tagów, które poprawiają page rank i ogólne wrażenia użytkownika.

podobnie jak ten wynik wyszukiwania, wkrótce przekonasz się, że te tagi kontrolują sposób przeglądania i nawigacji całej Twojej cyfrowej obecności.

Maszyny potrafią dobrze odczytać adresy URL. Gdybym pisał dla maszyn, moja strona wyglądałaby tak:

Google nadaje priorytet niektórym tagom, ponieważ zapewniają one kontekst dla ludzi.

swoją stronę zbudowałem również dla ludzi, więc wygląda to tak:

Ten Polski jest tym, czym jest marketing.

w tym poście na blogu zbadamy meta tagi i zobaczymy, jak wpływają one na ogólne działania marketingu cyfrowego.

choć proste, diabeł tkwi w szczegółach i liczy się każdy szczegół.

jak Meta Tagi wpływają na wizerunek marki i wskaźniki klikalności

absolutnie możesz ocenić książkę po jej okładce. Do tego są przeznaczone Pokrowce.

Twój tag title i Meta description tworzą okładkę Twojej strony internetowej. To twoje pierwsze wrażenie na większości odwiedzających.

nie chodzi tylko o wyszukiwarki, ale o to, jak postrzegamy Internet.

Reddit jest podstawową witryną agregującą linki, która zabiera wszystkie dzwonki i gwizdki.

Reddit zależy od tytułu i obrazu, aby zachęcić do rozmów i kliknięć.

poprawne używanie metatagów jest jak używanie właściwego formatu dla firmowej wiadomości e-mail.

jasne, możesz tam umieścić co chcesz, ale jest poziom profesjonalizmu, którego się oczekuje w pewnym momencie.

nawet Amazon poda Ci tylko zdjęcie, tytuł i krótki opis.

pomyśl o tych tagach jako o skoku windy.

masz tyle miejsca co Tweet na sprzedaż całej marki i produktu.

co oznacza, że musisz go przybić.

nie można tak po prostu zadzwonić i wypolerować wszystkiego innego. Jeśli to zrobisz, nikt nigdy nie zobaczy reszty tego, co wypolerowałeś.

wiemy już, jak meta tagi wpływają na SEO, ale to nie jedyny element.

Meta tagi sprawi, że działania e-mail marketingu i automatyzacji marketingu będą łatwiejsze, dostarczając informacji o linkach e-mailowych.

Tagi są kluczowym elementem, który określa, jak wyglądają moje zautomatyzowane posty w mediach społecznościowych.

gdy inni blogerzy, Youtuberzy i influencerzy mediów społecznościowych (i mikro-influencerzy) udostępniają Twoje treści, tagi ułatwiają to.

pomyśl o Meta tagach jako opakowaniu swojego produktu.

Jeśli Twoje opakowanie nie jest na miejscu, nikt nigdy nie kupi Twojego produktu, bez względu na to, jak wielki jest!

więc jakie są najlepsze praktyki do wdrożenia dla tagów?

Meta Tag najlepsze praktyki

istnieje mnóstwo różnych tagów HTML, które mogą być używane na stronie internetowej. Skupimy się tylko na kilku znacznikach.

zaczniemy od tego, który mógł cię tu dzisiaj sprowadzić.

Title Tags

technicznie nie jest to meta tag, ale pojawia się w nagłówku i jest używany jako jeden.

od lipca 2017 r.limity znaków dla tagów tytułu w wynikach wyszukiwania Google wynoszą 78 na urządzeniach mobilnych i 70 na komputerach.

jednak nie musi to oznaczać, że powinieneś używać wszystkich tych znaków, a 60 jest ogólnie zalecanym limitem.

słowa kluczowe Long-tail robią różnicę.

Oto najlepsze tytuły meta w SERPach ” jak sprawić, by content marketing był skuteczny.”

dodając rok, otrzymujemy zupełnie nowy zestaw wyników dla ” jak sprawić, by content marketing był skuteczny 2017.”

niektórzy użytkownicy będą chcieli podstawowych informacji, podczas gdy inni będą chcieli najbardziej aktualnych.

dostosowując nasz TAG title, możemy wpłynąć na to, które z tych wyszukiwań oceniamy.

ostatecznie celem jest trafienie obu, ale nie zawsze jest to wykonalne.

upewnij się, że Twoje słowo kluczowe jest w tytule, lub znajdziesz artykuły Zakopane w wynikach wyszukiwania.

na przykład, gdy szukam „najlepszych tacos w Tucson”, niektóre restauracje są na stronie 10 poniżej, nawet Del Taco.

to zmarnowana szansa dla tej stolicy kraju!

te małe firmy mogą znacznie poprawić swoje wyniki wyszukiwania, sprzedaż i zwrot z inwestycji, po prostu dodając „najlepsze tacos w Tucson” do swoich tagów tytułu.

oto przykład kodu HTML wymaganego dla tagu title znajdującego się w nagłówku.

<head>

<tytuł>najlepszy przykład tytułu, jaki mogłem wymyślić</TITLE>

</Head>

w WordPress możesz łatwo nadać swojej stronie Tytuł.

naprawdę nie możesz tego przegapić.

to wszystko!

Tagi obrazu

podobnie jak tagi tytułu, tagi obrazu nie są oznaczone „meta.”

ale są one wyraźnie używane przez wyszukiwarki, agregatory linków i inne witryny do identyfikacji Twojej witryny.

istnieją dwa opisy obrazków faktycznie zapchane w jeden tag.

oto jak wygląda kod HTML.

< img src=”jpg ” alt=” image description”title=”image tooltip”>

zarówno znaczniki alt, jak i title powinny być zdefiniowane, aby zapewnić jak najlepsze wrażenia.

tytuł wyświetla się na ekranie po najechaniu kursorem na niego.

tekst alt wyświetla się, gdy obraz nie może być renderowany (lub jest używany do osób niewidomych i niedowidzących).

podczas przesyłania obrazu do WordPress zostaniesz poproszony o wprowadzenie tytułu, podpisu, tekstu alternatywnego i opisu.

im więcej pól wypełnisz (nawet jeśli użyjesz tych samych informacji), tym więcej obrazów można przeszukiwać.

gdziekolwiek od 20-60% całego ruchu Google trafia do witryn z dobrze zoptymalizowaną grafiką.

Dlaczego nie chcesz być uwzględniony?

to również kwestia zgodności strony internetowej ADA.

w samych Stanach Zjednoczonych jest około 58,200 osób z pewnym poziomem upośledzenia wzroku na milion.

to ogromny segment populacji, który nie miałby wielkiego doświadczenia użytkownika bez znaczników alt image.

Zoptymalizuj swoje zdjęcia pod kątem wyszukiwarek i użytkowników.

Description Meta Tags

Meta description tag daje Ci możliwość podglądu zawartości strony.

są one ograniczone do około 160 znaków i nie są bezpośrednio związane z algorytmami wyszukiwania Google w ogóle!

Po raz kolejny, powodem, dla którego potrzebujesz tagów opisu, jest poprawa komfortu użytkowania.

tagi opisów zachęcają do klikania.

oto jak wygląda HTML:

<head>
<meta name=”description” content=”Jest to przykład tekstu, który pojawi się w wynikach wyszukiwania. Czytaj dalej, aby dowiedzieć się więcej o tagach opisów.”>
</head>

bez meta opisu, Google będzie domyślne zdanie podglądu, które uzna za najlepsze.

To niekoniecznie jest coś złego.

ten post nie ma opisu meta (rzadko z niego korzystam), a zajmuje dobre miejsce.

oczywiście moje blogi są wypełnione odpowiednimi treściami w krótkich, słodkich zdaniach. Większość z nich działa jako opisy na własną rękę.

mimo to nie ma nic złego w dodaniu dodatkowych informacji, aby Twoje treści były łatwiejsze do przeszukiwania.

Meta Tagi robotów noindex i Nofollow

meta tagi robotów nie zawsze są konieczne.

domyślnie wszystkie strony i linki tworzone w witrynie są indeksowane jako „obserwuj”przez boty wyszukiwania i roboty indeksujące.

ilekroć chcesz je przekierować, potrzebujesz meta tagu robota.

oto kod HTML noindex:

<html><head>
<meta name=”roboty” content=”noindex” />
(…)
</head>

to będzie w nagłówku i oznacza, że ta strona nie musi być indeksowana.

jest to przydatne dla konsorcjalnych i zduplikowanych treści, z których mogą korzystać twoi klienci/czytelnicy, ale nie chcesz kredytu w indeksach wyszukiwania.

oto HTML dla robota nofollow.

<meta name=”robots” content=”nofollow”>

jest to używane do linków, których niekoniecznie chcesz poprzeć.

na przykład czytelnicy zostawiający linki w moich komentarzach nie są dokładnie zatwierdzeni przeze mnie, więc tag nofollow nad sekcją komentarzy utrzymuje moją stronę w czystości dla botów.

oto świetna infografika na temat tego, kiedy i jak używać tagów nofollow.

teraz przechodzimy do jednego z najbardziej kontrowersyjnych meta tagów.

Meta Tagi słowa kluczowego

tagi słowa kluczowego nie są używane przez algorytmy wyszukiwania do określania rankingu wyszukiwania.

oto jak wygląda HTML:

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

trenuję moich klientów SEO, aby ignorowali tagi słów kluczowych, ponieważ nie wpływają na SEO.

to jednak niekoniecznie czyni je bezużytecznymi. Są one szczególnie przydatne w WordPress.

tagi i kategorie słów kluczowych mogą pomóc Google określić, która strona w Twojej witrynie powinna znaleźć się w wyszukiwarce.

tworzą również stronę w WordPress, która zapewnia jeszcze jedną zindeksowaną stronę.

oznacza to, że podczas gdy twoje posty na blogu koncentrują się na słowach kluczowych o długim ogonie, strony tagów i kategorii mają kanały obejmujące krótsze słowa kluczowe.kategorie

mogą być używane do formatu URL, podając jeszcze jedno słowo kluczowe do adresu strony.

odbywa się to w Ustawieniach – Permalinks w WordPress.

dodanie tego formatu zapewnia kontekst do treści.

Google kocha kontekst dla wyników wyszukiwania!

słowa kluczowe zapewniają również ogólny przegląd liczby stron dla każdego słowa kluczowego.

Możesz ich użyć do zaplanowania kalendarza redakcyjnego.

tagi Viewport

nie poświęcasz dużo czasu na myślenie o viewportach, ale są one szczególnie ważne w dzisiejszym mobilnym świecie wyszukiwania.

na urządzeniach mobilnych strony są wyświetlane w wyskakującym oknie o nazwie widok, który rozciąga się poza krawędź urządzenia.

oto ilustracja tego, o czym mówię.

programiści mogą ustawić rozmiar viewport, aby zwiększyć użyteczność urządzeń mobilnych.

użytkownicy WordPressa mogą sprawdzić ten tag, aby dowiedzieć się tych informacji o swoich szablonach.

ale pewnie o tym nie wiedziałeś, chyba że jesteś już web developerem.

ponieważ Google coraz częściej koncentruje się na stronach przyjaznych dla urządzeń mobilnych, ten meta tag może oznaczać różnicę między sukcesem a porażką urządzeń mobilnych.

teraz, gdy masz podstawową wiedzę na temat meta tagów i dlaczego są one ważne, pokażę Ci niektóre z moich ulubionych narzędzi do manipulowania nimi.

Darmowe narzędzia do dodawania i sprawdzania metatagów

nie martw się, jeśli to wszystko brzmi przytłaczająco — istnieje mnóstwo narzędzi, które ułatwiają prawidłowe pobieranie metatagów. Oto dwa z moich ulubionych.

Yoast SEO Plugin dla WordPressa

Yoast jest potężną wtyczką SEO dla WordPressa i jednym z najczęściej pobieranych narzędzi SEO i meta tagów.

dzięki Yoast wszystkie strony i posty, które publikujesz, mają opcje zaplecza, aby zwiększyć Udostępnianie społecznościowe, zoptymalizować SEO, zaktualizować tagi i inne metadane.

Po zainstalowaniu Yoast w Twojej witrynie WordPress wystarczy kilka kliknięć i kilka sekund twojego czasu, aby dodać meta-tagowanie do procesu.

Yoast pozwala również wprowadzić słowo kluczowe focus, które nie zostanie dodane do metatagów, umożliwiając programowi zaplecza analizę Twojego postu.

BuzzStream Meta Tag Extractor

Jeśli potrzebujesz szybkiego wykresu metadanych używanych przez konkurencję, Ekstraktor meta tagów BuzzStream jest eleganckim i prostym rozwiązaniem.

skopiuj i wklej listę adresów URL, a otrzymasz informacje o Meta tagach.

istnieje nawet opcja pobrania jako plik CSV, dzięki czemu można szybko zeskrobać Duże listy.

jest to szybki i łatwy sposób na uporządkowanie tych danych, gdy ich potrzebujesz.

to darmowe narzędzie online wykonuje swoją pracę bez wszystkich dzwonków i gwizdków.

mniej popularne(ale i tak przydatne!) Meta Tagi

aby być w pełni przejrzystym, oto wykres meta tagów HTML.

meta tag autora może być użyty do poinformowania wyszukiwarek, kto napisał treść.

autorzy byli w przeszłości wykorzystywani do wyników wyszukiwania, ale nie jest to już czynnik. Możesz jednak użyć tagów autora, Jeśli prowadzisz bloga z wieloma autorami.

WordPress dodaje te informacje do blogów, gdy wielu użytkowników wnosi treści.

to bardziej Odznaka Honorowa dla blogerów niż cokolwiek innego.

większość pozostałych definiuje parametry, które powinny być już kontrolowane na poziomie serwera.

chociaż zignorowałem te meta tagi, nie oznacza to, że musisz. Możesz dodać dowolne informacje.

nie pomaga w wyszukiwaniu rankingów, ale też ich nie boli.

wnioski

meta tagi są podstawową częścią HTML — i mogą wpływać na SEO.

w początkach Internetu były one czynnikiem sygnalizującym wyszukiwarkom zrozumienie, jaka treść znajduje się na stronie.

internet (i nasze relacje z nim) ewoluowały wykładniczo od tego czasu.

Wyszukiwanie kontekstowe, asystenci cyfrowi AI i urządzenia mobilne zmieniają sposób wyświetlania treści.

wyszukiwarki są zachęcane do dostarczania najlepszych wyników wyszukiwania, więc meta tagi są mniej ważne.

jednak niektóre, takie jak tytuły i meta opisy, są ważniejsze niż kiedykolwiek wcześniej.

chociaż używa się mniej metadanych, to nadal jest to pierwsze wrażenie, które zrobisz zarówno na robotach, jak i na ludziach.

co mówią o Tobie meta tagi Twojej strony?