Znaczniki Metadanych HTML
Rola i znaczenie tagów <meta> w tym znaczników SEO
Wprowadzenie
Meta tagi to znaczniki HTML zamieszczone w sekcji <head> kodu źródłowego strony internetowej Nie pojawiają się na rzeczywistej stronie internetowej, zamiast tego aplikacje takie jak: przeglądarki lub roboty sieciowe, mogą odczytywać dane zakodowane w tych metatagach. Część z nich jest widoczna także dla użytkownika, przez co ma potencjał aby zachęcić lub zniechęcić go do odwiedzenia naszego serwisu.
Funkcją meta jest przekazanie dodatkowych informacji odnośnie witryny, co ułatwia analizę plików HTML i ułatwia utrzymanie zawartości pliku. Metatagi HTML prawie zawsze mają tę samą strukturę: element jest najpierw definiowany, a następnie przypisywana jest mu treść. Formuła deklarowania metadanych jest zgodna z tą strukturą:
<meta name="Nazwa elementu" content="przypisany indeks"/>Podstawowe informacje o SEO
Co to jest SEO (Search Engine Optimization, pozycjonowanie, optymalizacja stron pod kątem wyszukiwarek)? Jest to szereg działań, które skupiają się na osiągnięciu przez stronę jak najwyższych pozycji wyszukiwania na kluczowe frazy powiązane z danym tematem. Podstawowe zasady SEO obejmują edycję strony pod kątem wymagań wyszukiwarek (np. algorytmu Google) oraz budowanie autorytetu i wizerunku strony.
Znacznik <title>
Znacznik <title> zawierający tytuł strony – nie jest meta tagiem, ale bardzo często jest wymieniany razem z pozostałymi znacznikami meta. Title znajduje się w sekcji <head> kodu źródłowego i gra dużą rolę w procesie pozycjonowania, i jest jednym z pierwszych elementów strony które należy poddać optymalizacji.
<title>Nazwa strony</title>Atrybuty elementu (tagu) meta
| Atrybut | Wartość | Opis |
| charset | character_set | Definiuje kodowanie znaków w dokumencie HTML |
| content | text | Definiuje wartość skojarzoną z atrybutem http-equiv lub name |
| http-equiv | content-security-policy content-type default-style refresh | Zawiera nagłówek HTTP dla informacji / wartości atrybutu treści. |
| name | application-name author description generator keywords viewport | Definiuje nazwę metadanych. |
Przykłady znaczników meta
Zdefiniuj słowa kluczowe dla wyszukiwarek:
<meta name=”keywords” content=”HTML, CSS, JavaScript”>
Zdefiniuj opis swojej strony internetowej:
<meta name=”description” content=”Znaczniki metadanych w html”>
Podaj autora strony:
<meta name=”author” content=”2tp”>
Ustawianie aby Twoja witryna wyglądała dobrze na wszystkich urządzeniach:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>