podstawy html czesc II, Kursy HTML+PHP+CSS+XHTML
[ Pobierz całość w formacie PDF ]
Podstawy HTML cześć II
„Meta tagi”
Dzisiejszy poradnik będzie krótszy będzie mieć na celu wytłumaczenie po co są
meta tagi oraz co to jest pozycjonowanie.
META Tags
Informacje o robotach i wyszukiwarkach,
Meta Tags zawierają informacje o twej strony, nie mając wpływu na jej wygląd w przeglądarce.
Meta Tags są dla Robotów, Pełzaczy, Pająków, Wędrowców, programów wyszukiwarek (search
engines), przychodzących indeksować twą stronę, dla browserów i serwerów w sieci.
Co widzi robot, gdy przychodzi do strony!? oto po kolei, wg.
ważności:
1.
Tag: tytuł strony <title> To najważniejszy Tag. Użyj 3 do 5 słów, w tym
najważniejsze słowa-klucze.
2. Tag: opis strony, "description"; jeśli nie masz tego Tag, robot przeważnie cytuje
jako opis pierwsze znalezione na stronicy słowa w tłustym druku lub formacie
"Heading".
3. Tytuł, czołówka, podtytuł na stronie;
bardzo ważne: umieszczaj je na stronie bezpośrednio, nigdy w tabeli <table>, którą
pewne roboty pominą; użyj formatowania "Heading" od 1 do 3.
4. Tag "alt", który mają do dyspozycji Obrazki, Grafiki, Fotografie, gdzie zwykle
podaje się tytuł; umieść tam również słowa klucze; oto przykład: alt="Portret
Kobiety, grafika komputerowa, autor: twoje imię";
5. Tag: słowa-klucze, "keywords"; robot zauważa przede wszystkim te, które
pojawiają się w Tagach tytułu <title> i opisu "description", w czołówce na stronicy, a
następnie w tekstach strony; bierze pod uwagę ważność miejsca, gdzie występują i
częstotliwość ich pojawiania się w tekście. Używaj tylko te terminy, które są na twej
stronie.
6. Teksty w <body>, czyli zawartość twej strony oraz - wszystkie inne dane w Meta
Tags.
Reguła: umieszczaj Meta Tags w głowie <head> twego dokumentu,
każdy Tag jako pojedyńcza linia kodu.
Przykład właściwego kodowania, gdzie kolor czerwony maskuje miejsca do wypełnienia przez
Ciebie.
<html>
<head>
<title>Esencjalny Tytuł Twej Strony</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="content-language" content="pl">
<meta name="robots" content="all">
<meta name="revisit-after" content="30 days">
<meta http-equiv="reply-to" content="twoja@mail">
... inne dane <head>, jak
<link rel="stylesheet" href="/text.css" type="text/css"> link ew. Stylesheet twej strony...
</head>
<body>
w którym jest miejsce dla wszystkich tekstów i grafik na stronie
</body>
</html>
<title>Esencjalny Tytuł Twej Strony</title>
najważniejszy Tag podaje tytuł strony; użyj 3 do 5 słów, do 25 znaków, umieść w tytule 2 - 3
najważniejsze słowa-klucze
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
gdzie określasz zestaw czcionek dla strony:
"iso-8859-1" dla Zachodnich Latin 1 - angielski, niemiecki, francuski, hiszpański, itd.,
"iso-8859-2" dla Centralno-europejskich - polski, węgierski, czeski, itd.,
"iso-8859-5" dla Cyrilicy - rosyjski, bułgarski, ukraiński, itd.
"iso-8859-7" dla greckiego
itd.
<meta http-equiv="content-language" content="pl">
gdzie określasz język strony; komputer może czytać tekst niewidomym;
"en" angielski, "en-us" angielski-amerykański, "pl" polski, "de" niemiecki, "it" włoski, itd.
Jeśli używasz na stronie 2 lub więcej języków - użyj Tagu, tu na języki angielski, polski, niemiecki:
<meta http-equiv="content-language" content="en, pl, de">
wtedy możesz użyć atrybutu "lang" w Tagach opisu i słów-kluczy; przykłady poniżej.
"lang=" należy do uniwersalnych atrybutów HTML
<meta name="description" content="Twój precyzyjny i dokładny opis strony i jej zawartości.">
Tag opisu winien zawierać do 25 słów, do 150 znaków, gdzie jasno i treściwie przedstawiasz stronę;
weź pod uwagę, że pełni 2 funkcje: jest ważny, po tytule, dla robota, oraz pojawia się przed oczami
kogoś, kto szuka w sieci, gdy wyszukiwarka prezentuje twój adres URL, zachęcając do kliknięcia
na link wiodący do twej strony;
jeśli nie podajesz tego Tagu - wiele robotów tworzy opis strony cytując pierwsze słowa strony w
tłustym druku;w każdym przypadku umieszczaj swą czołówkę na stronie bezpośrednio, nigdy w
tabeli <table>, którą robot może pominąć; użyj formatowania "Heading" od 1 do 3.
przykład kodowania dla strony z 2 językami i atrybutem "lang":
<meta name="description" lang="en" content="Your Description.">
<meta name="description" lang="pl" content="Twój Opis.">
<meta name="keywords" content="słowa, frazy z 2 lub 3 słów, słowa-klucze">
- użyj 15 do max. 25 słów; niekiedy mniej znaczy więcej;
- wybierz słowa, które precyzyjnie odzwierciedlają zawartość strony; pojawiają sie w Tagach tytułu
i opisu, w czołówce i podtytule na stronicy oraz wiele razy występują w tekstach <body>; robot
odrzuci uroszczenia! nie podawaj słów-kluczy "pustych"
- proporcje: słowa-klucze to 4-8% tekstów na stronie;
- użyj liczby mnogiej, kiedykolwiek się daje; większość ludzi szuka w liczbie mnogiej;
- nieistotne, czy używasz przecinków - ja robię to, aby lepiej widzieć, czy Dużych Liter
(sporadycznie, dla b. znanych imion, jak "Pan Budda, Mercedes Benz");
przykład kodowania strony z 2 językami i atrybutem "lang":
<meta name="keywords" lang="en" content="keyword, phrases, keywords">
<meta name="keywords" lang="pl" content="słowa-klucze, terminy, frazy">
<meta name="robots" content="all">
gdzie "all" zaprasza robota do całkowitego indeksowania strony;
alternatywnie:
<meta name="robots" content="noindex"> lub
<meta name="robots" content="none">
gdzie "noindex" lub "none" oznacza odmowę indeksacji
<meta name="robots" content="nofollow">
gdzie zapraszasz robota do całkowitego indeksowania tej strony, ale wzbraniasz mu wędrówki po
linkach do innych dokumentów
<meta name="revisit-after" content="30 days">
gdzie zapraszasz robota do powrotu po - w tym przykładzie 30 - dniach, aby zarejestrował zmiany,
co niekoniecznie się zdarza
<meta name="author" content="Imię i Nazwisko"> Tag mówi, kto jest autorem
<meta name="date" content="2001-07-22T">
gdzie dajesz datę stworzenia strony - tu rok, miesiąc, dzień; może być też godzina, minuta, sekunda
<meta name="copyright" content="Imię i Nazwisko">
Tag mówi, kto posiada prawa autorskie strony
<meta http-equiv="reply-to" content="twój@mailaddres">
Tag podaje twój E-mail addres, czyniąc możliwą odpowiedź
<meta http-equiv="window-target" content="_top">
Tag zmusza wyszukiwarkę do pokazania strony w całym oknie,
gdy pojawia się ona we Frames innej strony w internecie, prezentującej twoją
<meta name="classification" content="arts & humanities">
Tag o klasyfikowaniu strony
<meta name="distribution" content="global"> Tag o dystrybucji
<meta name="rating" content="general"> Tag oceniania
<meta name="publisher" content="Sky Chips Publisher"> Tag podaje imię wydawcy
<meta name="page-topic" content="Sun Business, Wind Money">
Tag podaje temat strony
<meta name="page-type" content="Instruction and Advice"> Tag podaje typ strony
<meta name="audience" content="Webmasters, Art Students, Chip Eaters">
Tag o widowni
<meta name="generator" content="Jakiś Program">
imię programu, który generował stronę; często imię edytora HTML
umieść swój pełny adres zamiast mego i już to masz: identyfikację twej głównej strony
<meta http-equiv="expires" content="0">
gdzie mówisz serwerowi, aby kazał wyszukiwarce ładować dokument z oryginalnego adresu
serwera
zamiast "0" możesz podać datę, po której wyszukiwarka musi ładować ten HTML dokument
z oryginalnego adresu serwera:
<meta http-equiv="expires" content="Sat, 01 01 2002 12:00:00 GMT">
dozwolone nazwy dni od poniedziałku do niedzieli: Mon, Tue, Wed, Thu, Fri, Sat, Sun
dozwolone nazwy miesięcy od stycznia: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec
<meta http-equiv="pragma" content="no-cache">
Tag mówi Agentowi Proxy, aby nie trzymał tej strony w pamięci cache
<meta name="robots" content="noarchive"> jak wyżej
[ Pobierz całość w formacie PDF ]