Kluczowe metatagi HTML: opis

08.04.2019

Tagi w HTML znajdują się wewnątrz znacznika i bardzo ważne dla rankingu strony w wyszukiwarkach. W dokumencie może być ich kilka. Nazwa tego tagu pochodzi od greckiego słowa oznaczającego "wraz z czymś" lub "po czymś", a następnie ". Metatagniki przechowują informacje serwisowe o danych, które nie są przeznaczone dla odwiedzających stronę. Te dane są używane przez roboty wyszukiwania do wyszukiwania i wyświetlania witryn dla konkretnych żądań użytkowników. Wpływają również na optymalizację strony i jej miejsce w wynikach wyszukiwania. Na przykład, używając metatagów, możesz określić autorstwo, dodać opis witryny, zezwolić lub zablokować indeksowanie przez wyszukiwarki lub skonfigurować automatyczne odświeżanie strony. Atrybuty znaczników HTML pomagają to zrobić. takie jak zestaw znaków, słowa kluczowe i inne. Zwykle są one pisane parami: w pierwszym atrybucie jest nazwa, w drugim - wartość.

meta głowy html

Atrybuty tagów

Tagi meta z różnymi atrybutami znajdują się wewnątrz tagu. . Może być ich kilka, a każdy będzie odpowiedzialny za jakąś własną funkcjonalność. Istnieje kilka podstawowych atrybutów, które mogą przyjmować różne wartości. Służą one do przekazywania konkretnych informacji na temat strony do przeglądarki i wyszukiwarek.

Podstawowe atrybuty znaczników HTML w :

  • imię;
  • treść;
  • http-equiv;
  • charset.

Ostatni atrybut - zestaw znaków - jest potrzebny do określenia kodowania strony. Pojawił się tylko w najnowszej, piątej specyfikacji języka HTML. Najczęstszą wartością kodowania jest utf-8 lub Unicode.

metatagi html

Atrybuty nazwy i treści są zwykle używane parami. Nazwa może mieć kilka wartości:

  • opis - krótki opis strony, który jest pokazany w numerze;
  • autor - opcjonalny atrybut wskazujący na autorstwo, nazwisko twórcy dokumentu;
  • robot / norobots - zezwala lub zabrania indeksowania strony przez roboty wyszukiwania;
  • follow / nofollow - zezwala na lub odrzuca następujące linki;
  • application-name - ustawia nazwę aplikacji internetowej, jeśli reprezentuje stronę internetową, w innych przypadkach nie jest używana;
  • generator - używany do opisania pakietu oprogramowania, w którym generowana jest strona;
  • rzutnia - potrzebne do poprawnego wyświetlania strony na ekranie urządzenia mobilnego;
  • słowa kluczowe - słowa kluczowe ułatwiające ranking stron według wyszukiwarek.

Atrybut tagu HTML Treść (opis) będzie przechowywać wartość atrybutu nazwy ". Na przykład: . Taki wpis oznacza, że ​​istnieje krótki opis strony, która musi być wyświetlana w przeglądarce. Jeśli użytkownik wyszukuje informacje w Internecie, a ta strona pojawia się w danych wyjściowych, opis będzie pod linkiem do niej. Co dokładnie jest wskazane w nazwie wartości. Atrybut content informuje dokładnie o tym, jaki będzie opis. Może być kilka wartości opisu napisanych w różnych językach. Opis strony znacząco wpływa na ranking witryny w wyszukiwarkach i pomaga przyciągać użytkowników. Tekst powinien jednak nie tylko odnosić się do treści strony, ale także atrakcyjny dla czytelnika. Dlatego właściwe przygotowanie opisu jest sztuką. Określ, który język jest używany w opisie, będzie potrzebny w dodatkowym języku lang.

metatag html

Funkcje interakcji nazwy i treści atrybutów

Aby włączyć interakcje atrybutów tagów nazwa i treść stały się jaśniejsze, rozważ inną nazwę wartości - autor. Używając go razem z zawartością, możesz określić autora strony. Przykład: . Kolejna ważna wartość atrybutu nazwy znacznika HTML to słowa kluczowe lub słowa kluczowe. Są one rozdzielane przecinkami i są potrzebne do optymalizacji strony SEO. Obecnie istnieją spory o to, czy słowa kluczowe są ważne i czy rzeczywiście wpływają na ranking, ale tylko specjaliści techniczni pracujący dla dużych wyszukiwarek znają dokładną odpowiedź na to pytanie. Zwykli specjaliści do tworzenia i promowania witryn powinni dodać ten metatag .

Słowa kluczowe i ich znaczenie dla optymalizacji

Słowa kluczowe pomagają robotowi wyszukiwania szybko znaleźć stronę i wydać ją na konkretne żądanie użytkownika. Bez ich instrukcji, wyszukiwarka uzyskuje dostęp do strony, znajduje kilka słów na niej i wychodzi, jeśli niezbędne informacje nie zostaną znalezione. Dlatego należy określić słowa kluczowe. Należy pamiętać, że te same słowa nie powinny się powtarzać więcej niż trzy razy, w przeciwnym razie strona zostanie oznaczona jako "spam". Ich łączna liczba to 50. Kompilowanie opisu i słów kluczowych jest zadaniem osoby zaangażowanej w optymalizację pod kątem wyszukiwarek, promocję strony i ranking w wyszukiwarkach. Składacz musi zrozumieć znaczenie wartości tych atrybutów tagu HTML. aby pomóc specjalistom od SEO.

html meta http equiv

Wartość atrybutu tagu "Roboty"

Kolejna ciekawa wartość HTML nazwa - roboty. Dzięki niemu można zezwolić i zabronić indeksowania strony internetowej przez dowolne wyszukiwarki. Tutaj, w wartości treści, możesz napisać indeks - i zezwolić na indeksowanie lub noindex - i wyłączyć go. Dodatkowo, przecinek w wartości tagu oznacza również "follow" lub "nofollow", to jest "allow" lub "deny following links from web page". Możesz wyłączyć indeksowanie, jednocześnie zezwalając na przejścia i na odwrót. Inną opcją zezwolenia na wszystko jest dodanie wartości all do atrybutu content. Aby zakazać wszystkiego, nie musisz pisać nic.

Atrybut Http-equiv

Ważny atrybut tagu HTML - http-equiv. Jest używany podobnie do nazwy z atrybutem charset, który określa kodowanie strony. Aby to zrobić, http-equiv należy ustawić wartość typu zawartości, aw atrybucie treści określić typ dokumentu i kodowanie, które mają być używane. Na przykład: . Jeśli przeanalizujesz ten wpis bardziej szczegółowo, stanie się jasne, że atrybut http-equiv informuje przeglądarkę, w jaki sposób i na jakiej podstawie przetwarzać stronę.

Ten atrybut może mieć inne wartości:

  • expires - służy do ustawienia daty i czasu, po których treść zostanie uznana za przestarzałą;
  • pragma - określa sposób buforowania strony;
  • refresh - wskazuje, że chcesz wyświetlić inny dokument w przeglądarce.

Typ zawartości wskazuje, że część treści, czyli zawartość strony internetowej, zostanie przetworzona. Korzystając z atrybutu content, przeglądarka rozumie, że jest to tekst naszego dokumentu HTML, który musi zostać przetworzony. Ponadto w zapisie znajduje się znajomy atrybut opisujący kodowanie strony, na której dokładnie mówi, co będzie.

meta tagi html

Inne funkcje http-equiv

Ale atrybut http-equiv może być użyty w inny ciekawy sposób: gdy użyjesz wartości odświeżania, przeglądarka odświeży stronę po pewnym czasie. Na przykład możesz określić "5 sekund" w atrybucie treści. Następnie treść dokumentu zostanie zaktualizowana i zmieniona, jeśli nie jest statyczna. Aby przetestować wydajność korzystania z http-equiv, dodano możliwość przejścia do innej strony internetowej. W tym celu adres innej strony jest dodawany do wartości atrybutu treści po czasomierzu, który wskazuje przedział czasowy aktualizacji. Następnie, po aktualizacji strony, po 5 sekundach nastąpi przejście do innego adresu i zostanie otwarty link określony w tym atrybucie.

meta html

Atrybut widoku

Viewport można przetłumaczyć jako "widok". Ten atrybut służy do zapewnienia, że ​​urządzenia mobilne poprawnie wyświetlają treść strony. Z tym tagiem zaczyna się adaptacyjny projekt. Pomaga skalować i zmieniać tekst i obrazy na stronie, w zależności od pozycji ekranu. Bez tego znacznika czcionki nie będą rosły do ​​pożądanego rozmiaru, a użytkownik po prostu nie będzie w stanie odczytać tego, co jest napisane na stronie. Atrybut viewport określa określoną szerokość okna, w którym należy umieścić witrynę. Dla każdej przeglądarki będzie inna. Przykład tego, jak może wyglądać metatag z tym atrybutem: .

Przyjrzeliśmy się podstawowym metatagom, które można wykorzystać do utworzenia dokumentu HTML, ale jest ich o wiele więcej. Możesz zapoznać się z innymi tagami i ich możliwymi atrybutami w specyfikacji HTML5.1.