Efrenzy Interactive Webdesign&SEO Kraków » meta-tags http://blog.efrenzy.pl Blog by Michał Kowalski. Fri, 11 Jun 2010 20:28:04 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Meta tagi – czy wiesz jak ich używać? http://blog.efrenzy.pl/2007/12/25/meta-tagi-czy-wiesz-jak-ich-uzywac/ http://blog.efrenzy.pl/2007/12/25/meta-tagi-czy-wiesz-jak-ich-uzywac/#comments Tue, 25 Dec 2007 21:08:41 +0000 admin http://blog.efrenzy.pl/2007/12/25/meta-tagi-czy-wiesz-jak-ich-uzywac/ Przygnębiająca prawda o meta-tags.

Tagi meta, bardzo często są wykorzystywane z brakiem zrozumienia ich funkcji i używane w sposób przynoszący więcej szkody niż pożytku. Co więcej silniki wyszukiwarek nie biorą ich często pod uwagę – tak twierdzą niektórzy twórcy witryn www. W tym miejscu zebrałem wszystkie prawdy i mity odnośnie konkretnych znaczników oraz dzielę się moimi rekomendacjami odnośnie ich stosowania (bądź odradzam jeśli są przesłanki aby uznać konkretną funkcję za przestarzałą). Do dzieła…

Definicja – czym są meta tags ?

Dla niewtajemniczonych wyjaśniam, że są umieszczane w kodzie strony (x)html pomiędzy znacznikami <head></head> i stanowią definicyjno-informacyją część kodu. Oznacza to tyle, że umieszczamy tam informacje dla serwerów www odpowiedzialnych za interpretacje kodu strony oraz aplikacji typu przeglądarki oraz wyszukiwarki (crawler’y google, msn, yahoo).

Zostały stworzone w latach dziewiędziesiątych wraz z coraz szybszym przyrostem ilości dokumentów hipertekstowych w sieci i miały dodać funkjonalność porządkującą zasoby pod względem typu, języka, treści. Oczywiście towarzyszyły temu liczne nadużycia, czyli niepoprawne stosowanie tagów sekcji meta aby oszukać algorytmy wyszukiwarek. Przeładowanie tagu “keywords” słowami niewystępującymi w treści strony, etc… Spowodowało to zdegradowane znaczenia meta tagów i aktualnie niektórzy twierdzą, że są bezwartościowe z punktu widzenia SEO. Moim zdaniem nie należy o nich zapominać. Przyjrzyjmy się im z bliska.

Zalecane (wymagane) meta-tagi.

  • Meta Content Language

Tag informujący o języku w jakim została napisana treść lokalizacji, stosowany przez roboty wyszukiwarek na etapie kategoryzacji pod względem języka. Zalecany do strosowania wyłącznie na stronach innych niż anglojęzyczne, pomagają skierować treść strony do odpowiedniej grupy internautów (np. polskich).

Przykład:

<META HTTP-EQUIV=”Content-Language” CONTENT=”pl-PL”>

  • Meta Content Type

Służy deklaracji sposobu wyświetlania znaków na stronie – musi się zgadzać z faktycznym kodowaniem użytym na stronie! Niepoprawne użycie może spowodować problemy z wyświetlaniem treści strony – doskonale znane wszystkim “krzaki” zamiast polskich znaków diakrytycznych. Zalecane stosowanie - zgodne z wykorzystaną deklaracją przestrzeni nazw DTD. (więcej o dtd w odrębnym artykule już wkrótce). Wybór kodowania zależy od preferencji, polecane to utf-8/iso-8859-2 dla polskich znaków.

  • Meta Description

Pozwala zamieścić opis strony, jej przeznacznie oraz przybliżyć tematykę jaką porusza zgromadzona zawartość. Stosowana przez roboty, google często używa tego meta-tag’u do wyświetlenia opisu w wynikach wyszukiwania. Nie jest to reguła, jednak podejrzewając, że tag description będzie wyświetlany jako etykieta, należy mu poświęcić odpowiednią uwagę i dopracować go możliwie najdokładniej.

  • Meta Language

Ustawia język wykorzystany na stronie – brany pod uwage przez roboty, należy go stosować wyłącznie w przypadku stron pisanych w innym języku niż angielski internacjonalny.

Opcjonalne znaczniki (niewymagane).

  • Meta Abstract

Pierwotnie stanowił podsumowanie opisu (description) czyli podkreślał główne znaczenie dokumentu, jego meritum. Stosowany był głównie w prezentacjach akademickich, które zawierały dysertacje i prace na temat. Czasami warto z niego korzystać jeśli specyfika strony tego wymaga (np. dla wyodrębnienia części w obszernej dokumentacji).

  • Meta Author

Niesie informację o autorze strony – jeśli zależy nam na sławie w dziedzinie tworzenia stron możemy śmiało się pokusić o umieszczenie naszego nazwiska w tego typu deklaracji. Ściśle niepolecane jest umieszczanie tu adresu e-mail, oczywiście z powodu ryzyka spamu.

  • Meta Copyright

Stosowany dla umieszczenia praw autorskich, informacji o znakach zastrzeżonych, bądź numeracji patentowej. Czyli wszelkich adnotacji odnoszących się bezpośrednio do własności intelektualnej. Stosowanie raczej nie zalecane, tylko jeśli wiemy co robimy.

  • Meta Designer

Mówi o twórcy kodu strony – mocno opcjonalny tak jak w przypadku tagu author.

  • Meta Google

Opcje skierowane na potrzeby współpracy z robotami wyszukiwarki google,  dopuszczalne są dyrektywy:

googlebot: noarchive – nie pozwala na wyświetlanie zindeksowanej zawartości
googlebot: nosnippet – nie pozwala na wyświetlanie zindeksowanej oraz fragmentarycznej części zawartości
googlebot: noindex – nie pozwala na indeksowanie danej strony
googlebot: nofollow – nie pozwala robotom na podążąnie za linkowanymi stronami, mówi aby nie uwzględniać ich znaczenia do Page Rank.

Zalecenie: opcjonalne, wyłacznie jeśli chcemy aby google robiło coś bardzo specyficznego z zawartością naszej strony.

  • Meta Keywords

Służy przedstawieniu słów kluczowych jakie zostały zawarte w treści danej strony, stosowanie jest wskazane. Należy zachować specyfikę stosowanych key-words, tak aby w miarę dokładnie oddawały słowa zawarte w treści dokumentu. Stosowanie słowa w tagu, które nie występuje w treści jest kiepskim pomysłem i z góry to odradzam!

  • Meta MSN (No ODP)

Tag stosowany w kontekście wyszukiwarki MSN i służy wskazaniu preferowanego opisu srony jeśli chcemy aby był inny niż podany w DMOZ. Stosowanie wyłącznie w uzasadnionych przypadkach.

  • Meta Title

Należy stosować z rozwagą, jednak osobiście nie zalecam – robi praktycznie to samo co tagi <title></title> wyrażone explicite. Wspominam o nim raczej ze względów sentymentalnych niż praktycznych ;)
Przykład: <META NAME=”Title” CONTENT=”Page Title Here”>

Niezalecane do stosowania znaczniki.

  • Meta Content Script Type
  • Meta Content Style Type
  • Meta Distribution
  • Meta Expires
  • Meta Generator
  • Meta MS Smart Tags
  • Meta Publisher
  • Meta Rating
  • Meta Refresh
  • Meta Reply-To
  • Meta Resource Type
  • Meta Revisit After
  • Meta Robots
  • Meta Set Cookie
  • Meta Subject
  • Meta VW96.ObjectType

Zakończenie – trafna konkluzja.

Aby nie być posądzonym o ignorancję, każdy profesjonalny oraz nawet zajmujący się tworzeniem kodu html hobbistycznie webmaster powinien dowiedzieć się podstaw na temat tej części języka, jaką stanowią meta-tagi. Dodatkowo jeśli nasza strona www ma za zadanie spełniać wymagania marketingowe (sprzedaż, promocja usług) dobrze jest pisać kod przyjazny wyszukiwarkom. Sprawia to, że nasze lokalizacje są skuteczne i wydajne a my śpimy spokojniej … :)  

P.S. Ładny przykład:

<head>

<title>Oto przykład stosowania meta-tag’s.</title>
<meta name=”keywords” content=”meta, tag, meta-tags, stosowanie” />
<meta name=”description” content=”Dowiedz się jak stosować meta tagi!” />
<meta name=”robots” content=”all” />
<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″ />
<meta http-equiv=”content-language” content=”en” />

</head>

Michał Kowalski 2007

]]> http://blog.efrenzy.pl/2007/12/25/meta-tagi-czy-wiesz-jak-ich-uzywac/feed/ 0