Krótki opis strony w html. Co to jest HTML? (krótko o głównym). Reprezentacja kolorów w HTML

Matt Cutts, szef działu Google Anti-Spam, odpowiedział na pytanie użytkownika dotyczące opis metatagu w wiadomości wideo.

Użytkownik zapytał: „Czy naprawdę konieczne jest, aby każda strona witryny zawierała unikatowe opis metatagu?».

Matt wierzy, że gdy pytanie dotyczy Opis metatagu, to tak naprawdę istnieją tylko dwie realne opcje. Możesz dołączyć unikatowe opis metatagu na każdej stronie witryny lub w ogóle nie możesz jej używać. Jednak w przypadku korzystania z metatagu w żadnym wypadku nie należy duplikować treści tego ostatniego.

Bardzo łatwy sposób na identyfikację duplikatów metatag Opis to rejestracja i regularne sprawdzanie zasobów sieciowych w bezpłatnej usłudze Google – „Narzędzia dla webmasterów”. Jeśli na stronach serwisu znajdzie się zduplikowany opis, zostaniesz o tym poinformowany w odpowiedniej sekcji „Narzędzia”.

Ogólnie rzecz biorąc, Matt stwierdził, że prawdopodobnie nie warto tracić czasu na pisanie unikalnego tekstu. Opis metatagu dla każdej strony w Twojej witrynie. Na przykład Matt nie robi tego nawet na swoim własnym blogu.

To, co Matt zdecydowanie zaleca, to uwzględnienie opis metatagu do stron, które naprawdę mają znaczenie. Na przykład strony główne lub strony, które mają wysoki zwrot z inwestycji (ROI).

ROI(Return on Investment) - stopa zwrotu z inwestycji, czyli stopa zwrotu z inwestycji, czyli procent rentowności (jeśli wartość jest większa niż 100%) lub nieopłacalność (jeśli wartość jest mniejsza niż 100%) określonej kwoty zainwestowanej w konkretny projekt .

Wzór do obliczania ROI:

ROI= ((B - A) / C) * 100%,

  • koszt produktu lub usługi (A)- obejmuje absolutnie wszystkie koszty zakupu części do produktów, dostawy do magazynu, produkcji towarów, wynagrodzeń pracowników itp.;
  • dochód (B)- ostateczny zysk ze sprzedaży produktu lub usługi;
  • kwota inwestycji (C)- łączna kwota pieniędzy, która posłużyła jako inwestycja, np. budżet na reklamę kontekstową .

Jeśli zauważysz, że niektóre z Twoich stron nie mają zbyt skutecznych automatycznie generowanych fragmentów kodu w SERP, powinieneś rozważyć napisanie unikalnych metatag Opis również dla takich stron.

Podsumowując to, co powiedział Matt, możemy wyciągnąć następujący wniosek: należy nie tylko unikać, ale także wykluczać możliwość duplikowania opisu w tagi meta opisu na wszystkich stronach Twojej witryny. Twórz unikalne opisy dla niektórych najważniejszych stron i pozwól Google automatycznie utworzyć pozostałe.

Możesz odsłuchać całą wiadomość wideo Matta poniżej (w języku angielskim):

Teraz przyjrzyj się bliżej opis metatagu, który wcześniej, a nawet teraz nadal odgrywa ważną rolę w prowadzeniu optymalizacji witryn pod kątem wyszukiwarek. Jednocześnie należy brać pod uwagę zarówno aktualne trendy (patrz rekomendacje Matta), jak i rzeczywisty stan rzeczy w tej materii. A żeby być na bieżąco z nowymi trendami, nie zapomnij zajrzeć na moją stronę.

Charakterystyka Opis metatagu

Metatag opisu HTML używany przy tworzeniu krótkiego opisu strony, jest używany przez wyszukiwarki do indeksowania, a także przy tworzeniu fragmentu (adnotacji) w wynikach wyszukiwania na żądanie.

Z nieobecnością Opis metatagu, wyszukiwarki podają w adnotacji pierwszy wiersz dokumentu lub fragment zawierający słowa kluczowe.

Nie popełnij błędu podczas optymalizacji Opis metatagu- Ten tag jest bardzo ważny. Właściwe użycie tego tagu, bez uwzględnienia innych elementów optymalizacji pod kątem wyszukiwarek, samo w sobie nie sprawi, że staniesz się numerem jeden w rankingu, ale z pewnością pomoże Ci dostać się na sam szczyt.

Więcej informacji na temat znaczenia metatagów w optymalizacji witryny pod kątem wyszukiwarek można znaleźć w artykule „Dlaczego warto używać metatagów optymalizacji witryn pod kątem wyszukiwarek do promowania witryn”.

Jak w przypadku metatag słów kluczowych, staraj się nie powtarzać słów i fraz zbyt często, aby uniknąć kar ze strony wyszukiwarek. Dowiedz się więcej o metatag słów kluczowych możesz w artykule "Jak poprawnie używać metatagu słów kluczowych html".

Opis metatagu jest używany nie tylko dla robotów wyszukiwarek - tekst, który jest w nim zawarty, pojawia się w wyniku wydawania przez internautów zapytań w wyszukiwarce.

Twoim zadaniem jest tworzenie opis metatagu, który będzie atrakcyjny zarówno dla robotów, jak i ludzi. Tak jak w przypadku tag tytułowy, Ważne jest, aby opis metatagu był wypełniony słowami kluczowymi i był atrakcyjny dla ludzi. optymalizacja wyszukiwarki Znacznik tytułu opisane w artykule "Jak poprawnie skomponować tag html title nagłówka strony witryny".

Zasady dla metatag Opis mniej więcej to samo co for Znacznik tytułu. Jednak zawartość tego tagu będzie zazwyczaj dłuższa niż Znacznik tytułu.

Jeśli webmaster nie zwrócił należytej uwagi na wypełnienie metatagu Opis, wówczas sama wyszukiwarka tworzy tzw. snippet - krótki opis pod linkiem do strony - z fragmentów zdań odpowiadających tematowi zapytania, z całej strony.

Opis razem z Tytuł tworzą kilka bardzo ważnych metatagów, które określają, czy użytkownik przejdzie z wyników wyszukiwania do Twojej witryny, czy zwróci się do konkurencji. Dlatego, podobnie jak Tytuł , musi być napisany na każdej stronie! Ponadto dla każdej strony należy wybrać inne słowa i frazy zawarte w nazwanych tagach.

Kod HTML metatagu Opis znajduje się w następującej lokalizacji:




!}
</i><i>Zawartość</i><i>meta</i><i>- </i><i>etykietka</i><i>tytuł< /title> </i><br><i>< /head> </i><br><i><body>Zawartość strony głównej< /body> </i><br><i>< /html> </i></p> <p>Oto, jak może wyglądać, na przykład <b>Kod HTML</b> <b>Opis metatagu</b> dla słowa kluczowego „Wycieczki do Odessy”:</p> <p><i><meta name="description " content="Wycieczki do Odessy - Dbamy o wszystkie szczegóły wycieczki, abyś mógł odpocząć z całkowitym spokojem"> </i></p> <p>Zwróć uwagę, że w tym opisie powtarza się słowo kluczowe „Wycieczki do Odessy”, a także wskazuje na oczywiste korzyści: klient będzie mógł odpocząć bez martwienia się o szczegóły wycieczki – Ty o nie zadbasz.</p> <p>Opublikuj swoje najważniejsze <b>słowa kluczowe i frazy</b> na początku każdego <b>Opis metatagu</b> i postaraj się mieć różne opisy dla każdej strony swojej witryny. Używając tych samych opisów w <b>opis metatagu</b> na każdej stronie jest gorsze niż pozostawienie ich pustych w ogóle.</p> <p>Pamiętaj, że nie jest wypełniony <b>opis metatagu</b> może być źródłem poważnych problemów w ustalaniu rankingu Twojej witryny.</p> <p><b>Metatag</b> <b>Opis</b> powinien być używany na każdej stronie witryny, ponieważ pozostaje użytecznym dodatkiem do unikalnej treści samej strony. <b>Metatagi</b> <b>Opis</b> nie powinien powtarzać tytułu strony, ale powinien zawierać krótki opis poruszanego na stronie tematu.</p> <p>Zawsze staraj się zachować najważniejsze idee, które chcesz przekazać użytkownikom na początku opisu i zawierać <b>słowa kluczowe</b> i tak, aby opis dokładnie odzwierciedlał zawartość strony.</p> <p>Należy pamiętać, że każda strona Twojej witryny powinna zawierać własną unikalną i dokładną <b>metatag</b> <b>Opis</b>, ponieważ duplikacja <b>metatag</b> <b>Opis</b> na stronach serwisu zawsze był oceniany negatywnie przez wyszukiwarki.</p> <p>Gdy Twoja witryna zostanie w pełni zindeksowana przez Google, możesz sprawdzić duplikaty metatagów w <i>Narzędzia Google dla webmasterów</i>, Na przykład.</p> <p>Pomimo tego, że <b>metatag</b> <b>Opis</b> nie jest jednym z głównych kryteriów w SEO, nadal powinieneś zwracać maksymalną uwagę na jakość treści <b>metatag</b> <b>Opis</b>. Musisz napisać jedno lub dwa zdania opisujące Twoją stronę w taki sposób, aby odwiedzający chcieli przejść do Twojej witryny, a nie do witryn konkurencji.</p> <p>Dobrze napisane i niepowtarzalne <b>metatagi</b> <b>Opis</b> na każdej stronie Twojej witryny pomoże zwiększyć liczbę kliknięć w Twój link.</p> <h2>Wytyczne Google dotyczące korzystania z metatagu opisu</h2> <table width="500" border="0" cellpadding="1"><tr><td><p><i><b>Opis META TAG</b> </i></p> </td> </tr><tr><td bgcolor="#DAF8FE"> <p><b>Wymyśl krótki opis dla każdej strony</b></p> <p><b>Metatag <description>daje wyszukiwarce krótki opis zawartości strony</b>. Jeśli w tagu <title>użyliśmy jednego wyrażenia, potem w <description>możemy już napisać kilka zdań lub mały akapit. Zestaw narzędzi Google dla webmasterów zawiera przydatne narzędzie do analizy treści, które pomoże Ci uzyskać wskazówkę, jeśli Twoje metatagi <description>są zbyt długie/krótkie lub powtarzają się zbyt często (ta sama funkcja dostępna dla tagów) <title>). Taki sam jak tag <title>, metatag <description>umieszczony wewnątrz tagu <head>strony html.</p> <p><b>Wartość metatagu <description>do optymalizacji wyszukiwania</b></p> <p>Metatagi opisu są ważne, ponieważ <b>Google może ich używać podczas tworzenia fragmentów w Twojej witrynie.</b>. Pamiętaj, że mówimy „może”, ponieważ Google może wybrać dla fragmentu inny odpowiedni tekst z Twojej witryny, jeśli jest on bardziej odpowiedni dla zapytania użytkownika. Ponadto Google może użyć opisu Twojej witryny z projektu Open Directory, jeśli Twoja witryna jest w nim uwzględniona.</p> <p>Dodawanie metatagów <description>Google pomoże również w przypadku, gdy robot wyszukiwania nie może samodzielnie znaleźć odpowiedniego tekstu do fragmentu. Centralny blog dla webmasterów zawiera przydatny artykuł na temat ulepszania fragmentów za pomocą metatagów. <description>.</p> <p>Słowa we fragmencie są wyróżnione pogrubieniem, jeśli pasują do zapytania użytkownika. W ten sposób użytkownik dowiaduje się, co go czeka na Twojej stronie.</p> </td> </tr><td><p><i><b>PRAKTYCZNE PORADY</b> </i></p> </td> <tr><td bgcolor="#DAF8FE"> <p><b>Krótko i dokładnie opisz zawartość strony</b></p> <p>Postaraj się, aby opis strony był interesujący i zrozumiały dla użytkowników, którzy zobaczą go jako fragment na stronie wyszukiwania. <b>Nie polecamy:</b></p> <ul><li>osadzić w tagu <description>opis niezgodny z treścią strony;</li> <li>używać w opisie ogólnych słów, takich jak „to jest moja strona” lub „strona o pocztówkach”;</li> <li>wypełnij tag <description>słowa kluczowe;</li> <li>osadzić w tagu <description>pełny tekst strony.</li> </ul><p><b>Utwórz unikalny opis dla każdej strony</b></p> <p>Unikalny opis każdej strony jest przydatny zarówno dla wyszukiwarki, jak i dla użytkowników: na przykład, jeśli w wynikach wyszukiwania pojawia się kilka stron Twojej domeny (zwłaszcza przy wyszukiwaniu z operatorem site:). Jeśli Twoja witryna ma tysiące i miliony stron, najczęściej nie da się ręcznie wstawić opisów. W takim przypadku możesz automatycznie wygenerować opis dla każdej strony na podstawie jej zawartości. <b>Nie polecamy:</b></p> </td> </tr></table> <p><b>Podstawy HTML</b> zawierają podstawowe zasady języka HTML, opis struktury strony HTML, relacje w strukturze dokumentu HTML między elementami HTML.</p> <p>Dokument HTML to zwykły dokument tekstowy, który można utworzyć w taki sam sposób, jak w zwykłym edytorze tekstu. <b>(Zeszyt)</b>, a w specjalistycznym z podświetlaniem kodu <b>(Notepad++, kod programu Visual Studio itp.)</b>. Dokument HTML ma rozszerzenie .html.</p> <p>Dokument HTML składa się z drzewa elementów HTML i tekstu. Każdy element jest identyfikowany w dokumencie źródłowym za pomocą znacznika początkowego (otwierającego) i końcowego (zamykającego) (z rzadkimi wyjątkami).</p> <p><b>Początek tagu</b> pokazuje, gdzie zaczyna się element, koniec - gdzie się kończy. <b>Zamykający tag</b> utworzone przez dodanie ukośnika / przed nazwą tagu:<имя тега> … </имя тега>. Pomiędzy znacznikiem początkowym i końcowym znajduje się treść znacznika - treść.</p> <p>Pojedyncze tagi nie mogą bezpośrednio przechowywać treści, jest to zapisywane jako wartość atrybutu, na przykład tag <input type="button" value="Przycisk">utworzy przycisk z tekstem <b>Przycisk</b> w środku.</p> <p>Tagi mogą być zagnieżdżone w sobie, na przykład <p><i>Tekst</i></p>. Inwestując należy przestrzegać kolejności ich zamykania <b>(zasada „matrioszki”)</b>, na przykład następujący wpis byłby niepoprawny: <p><i>Tekst</p></i> .</p> <p>Elementy HTML mogą mieć atrybuty (globalne, zastosowane do wszystkich elementów HTML i własne). Atrybuty są zapisywane w tagu otwierającym elementu i zawierają nazwę oraz wartość określoną w formacie atrybut name="value" . Atrybuty umożliwiają zmianę właściwości i zachowania elementu, dla którego są ustawione.</p> <p>Każdy element może mieć wiele wartości klas i tylko jedną wartość id. Wiele wartości klas jest zapisanych ze spacją, <div class="nav top">. Wartości class i id muszą zawierać tylko litery, cyfry, łączniki i podkreślenia i muszą zaczynać się tylko od liter lub cyfr.</p> <p>Przeglądarka przegląda (interpretuje) dokument HTML, budując jego strukturę (DOM) i wyświetlając go zgodnie z instrukcjami zawartymi w tym pliku (arkusze stylów, skrypty). Jeśli znacznik jest poprawny, w oknie przeglądarki zostanie wyświetlona strona HTML zawierająca elementy HTML - nagłówki, tabele, obrazy i tak dalej.</p> <p>Proces interpretacji <b>(rozbiór gramatyczny zdania)</b> rozpoczyna się przed pełnym załadowaniem strony internetowej w przeglądarce. Przeglądarki przetwarzają dokumenty HTML sekwencyjnie od samego początku, jednocześnie przetwarzając CSS i powiązując arkusze stylów z elementami strony.</p> <p>Dokument HTML składa się z dwóch sekcji – nagłówka – pomiędzy tagami <head> … </head> i treści - między tagami <body> … </body> .</p> <h2>Struktura strony internetowej</h2> <i> </i><h3>1. Struktura dokumentu HTML</h3> <p>Język HTML przestrzega reguł zawartych w pliku deklaracji typu dokumentu. <i>(Definicja typu dokumentu lub DTD)</i>. DTD to dokument XML, który definiuje, które tagi, atrybuty i ich wartości są ważne dla określonego typu HTML. Każda wersja HTML ma swoje własne DTD.</p> <p><b>DOCTYP</b> odpowiedzialny za poprawne wyświetlanie strony internetowej przez przeglądarkę. DOCTYPE definiuje nie tylko wersję HTML (np. html), ale także odpowiedni plik DTD w sieci.</p><p> <!DOCTYPE html> <!-- Объявление формата документа --> <html> <head> <!-- Техническая информация о документе --> <meta charset="UTF-8"> <!-- Определяем кодировку символов документа --> <title>...

Elementy w tagu , tworzą drzewo dokumentów, tzw model obiektowy dokumentu, DOM (model obiektowy dokumentu). Jednocześnie żywioł jest elementem głównym.


Ryż. 1. Najprostsza struktura strony internetowej

Aby zrozumieć interakcję elementów strony internetowej, należy wziąć pod uwagę tzw "relacje rodzinne" między elementami. Relacje między wieloma zagnieżdżonymi elementami są podzielone na relacje nadrzędne, podrzędne i rodzeństwo.

Przodek Element zawierający inne elementy. Na rysunku 1 przodkiem wszystkich elementów jest . Jednocześnie żywioł jest przodkiem wszystkich zawartych w nim tagów:

,

, ,