7 wytycznych HTML dotyczących użyteczności witryny i SEO

  1. 1. <head>
  2. 2. <tytuł>
  3. 3. <meta name = "description"…
  4. 4. rel = ”kanoniczny”
  5. 5. <a href = ”..
  6. 6. <link rel = "stylesheet"…
  7. 7. Mikrodane
  8. Wniosek

Można śmiało stwierdzić, że każdy, kto jest właścicielem strony internetowej, chce, aby jej witryna przyciągała większy ruch, ponieważ stwarza to lepsze możliwości rozwoju

Można śmiało stwierdzić, że każdy, kto jest właścicielem strony internetowej, chce, aby jej witryna przyciągała większy ruch, ponieważ stwarza to lepsze możliwości rozwoju. W tym miejscu wielu twierdzi, że optymalizacja wyszukiwarek internetowych (SEO) przychodzi do gry. Ale w dążeniu do zdobycia miłości, podziwu i przychylności wyszukiwarek ludzie zapominają o znaczeniu użyteczności strony internetowej jako siły, która również napędza ruch wysokiej jakości.

W miarę jak wyszukiwarki stają się mądrzejsze i bardziej podobne do ludzi w sposobie rangowania swoich wyników, optymalizacja witryny staje się bardziej wyrafinowana i daje więcej możliwość ulepszenia, aby poprawić swoją stronę zarówno dla użyteczności jak i SEO . Wiele artykułów na tym blogu zostało napisanych, aby wyjaśnić, jak możesz to zrobić. Radziłbym przyjrzeć się takim artykułom jak:

W tym artykule wykorzystam to rozumowanie, aby dostarczyć zestaw wskazówek dotyczących korzystania ze znaczników HTML w celu poprawy użyteczności i SEO witryny. Zanim zacznę, jedno małe ostrzeżenie - na ranking wyszukiwarki nie ma wpływu jakość twojego kodu. Podobnie, ponieważ użyteczność dotyczy głównie aspektu interfejsu użytkownika witryny, użytkownicy zobaczą wynik interpretacji tego kodu przez przeglądarkę internetową, a nie sam kod. Dlatego ważne jest, aby pamiętać, że ten artykuł nie będzie omawiać kodowania HTML i optymalizacji kodu HTML, ale raczej, jak treść kodu HTML przyniesie korzyści dla użyteczności i SEO witryny.

1. <head>

SEO: To najważniejsza sekcja całej struktury HTML Twojej strony z perspektywy SEO. Tutaj wstawisz tagi tytułu, opis meta, a nawet kod analizy wyszukiwarek prawdopodobnie trafi tutaj. Co więcej, znacznik głowy zawiera kilka innych znaczących znaczników, takich jak znaczniki meta, i oczywiście najważniejsze znaczniki rel = ”kanoniczne”. Wszystkie te zostaną omówione indywidualnie w poniższych punktach. Jednak ze względu na jego ogólną wagę, czułem, że tag głowy powinien mieć własny punkt.

Użyteczność: Z punktu widzenia użyteczności znacznik głowy może nie wydawać się ważny, ponieważ ta sekcja nie wpłynie na wygląd i styl strony (z wyjątkiem znacznika tytułu). Ponieważ jednak większość treści tagu head zostanie odzwierciedlona na stronie wyników wyszukiwania (SERP), jeśli ta treść jest postrzegana jako podstępna lub nieprofesjonalna, uniemożliwi to użytkownikom kliknięcie w celu uzyskania dostępu do witryny. Google i inne wyszukiwarki będą korzystać z treści tagów meta w tagu head, aby zdecydować się na fragment Twojej witryny. Dlatego musisz uczynić go tak czystym i użytecznym, jak to tylko możliwe.

2. <tytuł>

SEO: stare dobre czasy, w których wypychanie tagu tytułowego losowymi słowami kluczowymi w celu przyciągnięcia ruchu w wyszukiwarkach dawno już minęło. Wyszukiwarki będą wyświetlać zawartość tagu tytułowego jako klikalny nagłówek aukcji w SERPach. Używają go także do określenia tematu strony internetowej. Dzieje się tak, ponieważ roboty lub roboty indeksujące wyszukiwarki analizują zawartość tytułu strony, a następnie tłumaczą temat strony.

Treść tagu tytułu musi odzwierciedlać zawartość Twojej strony internetowej. Pamiętając o tej prostej zasadzie, wprowadzając słowa kluczowe idealnie na początku tagu tytułu, otrzymasz tag tytułu przyjazny dla SEO.

Użyteczność: użytkownicy identyfikują strony internetowe, które prawdopodobnie zawierają informacje, których szukają na liście stron internetowych w SERP. Ponieważ przeglądarki internetowe używają tagów tytułu do oznaczania swoich kart, użytkownicy ostatecznie czytają zawartość tagów tytułów, aby zlokalizować kartę w swojej przeglądarce internetowej, która zawiera witrynę, którą chce wyświetlić.

Domyślnie przeglądarki internetowe przypisują zawartość tagów tytułów do witryn z zakładkami. Dzięki temu użytkownicy będą również odwoływać się do treści tagów tytułów, aby zlokalizować witryny, które dodali do zakładek w swojej przeglądarce. Witryny z zakładkami społecznościowymi, takie jak Facebook, automatycznie pobierają treść tagów tytułów, gdy użytkownicy dołączają link do udostępniania. W ten sposób użytkownicy będą ostatecznie odwoływać się do zawartości tagów tytułów, aby ustalić, czy warto sprawdzić, czy strona internetowa, którą inni dodali do zakładek w witrynie z zakładkami społecznościowymi.

Kompletny zestaw wskazówek dotyczących tagów tytułu znajduje się w artykule:
15 Wytycznych do optymalizacji tagów tytułów dla użyteczności i SEO

3. <meta name = "description"…

SEO: Wyszukiwarki pobierają treść umieszczoną w tagu opisu meta, aby wyświetlić ją jako opis strony w swoim SERP. Ponieważ długość zawartości opisu meta, która jest wyświetlana w SERP różni się w zależności od różnych wyszukiwarek, zaleca się, aby nie przekraczać 160 znaków. Mimo że Google nie używa treści metatagów do swoich rankingów internetowych , obecność słów kluczowych w meta opisie może nadal przyciągać ruch związany z wyszukiwaniem, ponieważ przyciągnie uwagę użytkowników.

Użyteczność: z punktu widzenia użyteczności opisowe, uczciwe i różne opisy meta dla każdej strony w witrynie są koniecznością. Jak wspomniano powyżej, użytkownicy zobaczą zawartość meta opisu w swoim SERP. Jeśli zobaczą kilka aukcji z tej samej witryny z tym samym opisem meta, będą mieli problem z określeniem, który link kliknąć. Dodatkowo, jeśli uzyskują dostęp do witryny za pośrednictwem SERP, ponieważ treść opisu jest atrakcyjna, ale to, co znajduje, różni się od tego, co postrzegają, to również będzie miało negatywny wpływ na wrażenia użytkownika.

4. rel = ”kanoniczny”

SEO: strona kanoniczna to preferowana wersja zestawu stron o bardzo podobnej treści . Jeśli masz strony o podobnej treści, z wyjątkiem drobnych, drobnych różnic, ustawienie konkretnego adresu URL jako kanonicznego pozwoli przezwyciężyć problem duplikowania treści w witrynie. Zduplikowane treści są rzeczywiście mocno karane przez wyszukiwarki.

Użyteczność: posiadanie stron o identycznej lub bardzo podobnej treści jest czynnikiem dezorientującym użytkowników. Jeśli taka duplikat treści jest obecny w linkach lub nawigacji, użytkownicy nie będą mieli dostępu do linków, które należy kliknąć. I odwrotnie, jeśli ta sama treść jest dostępna za pośrednictwem linków o różnych nazwach, to również będzie mylić użytkowników, ponieważ będą próbowali sprawdzić, czy treść jest inna.

5. <a href = ”..

SEO: Nie trzeba dodawać, że linki są niezbędne do SEO. Wraz z mapami witryn XML stanowią one jedyny sposób, w jaki roboty indeksujące wyszukiwarki lokalizują i indeksują strony internetowe. Google korzysta z link sok w celu określenia wartości linków do jej rankingu internetowego. Aby linki były przyjazne dla wyszukiwarek, muszą być opisowe (w tym w atrybucie tytułu) i muszą zawierać słowa kluczowe.

Użyteczność: Skuteczne posiadanie linków oznacza, że ​​użytkownicy są bardziej skłonni osiągnąć cel, dlaczego znajdują się na Twojej stronie internetowej (czy to w celach wyszukiwania informacji, czy zakupu produktów lub usług). Osiągnięcie tego celu wpłynie pozytywnie na ich doświadczenie, zwiększając tym samym prawdopodobieństwo, że ponownie odwiedzą Twoją witrynę i / lub polecą ją swoim rówieśnikom.

Pełny zestaw wytycznych dotyczących użyteczności linków znajduje się w artykule:
15 Wytyczne dotyczące użyteczności przy projektowaniu łączy do witryn internetowych

6. <link rel = "stylesheet"…

SEO: Gdy kod JavaScript (JS) i kod CSS (Cascading Style Sheets) jest osadzony w plikach HTML, sprawia, że ​​pliki te są większe, przez co wolniej się ładują. Wyszukiwarki penalizują powoli ładujące się witryny, a Google nawet wprowadził szybkość witryny w rankingu wyszukiwania w sieci. Najlepszym rozwiązaniem jest udostępnienie plików JS i CSS i pobranie kodu w razie potrzeby. Co więcej, te zewnętrzne pliki CSS i JS powinny zostać skompresowane, ponieważ zmniejszy to ich rozmiar, a tym samym przyspieszy ich pobieranie. Zmniejszenie liczby wywołań serwera w celu pobrania tych plików poprzez osiągnięcie równowagi między liczbą plików i ich rozmiarami może być również korzystne w poprawie szybkości witryny.

Użyteczność: użytkownicy zazwyczaj spędzają pomiędzy 10 i 20 sekund na stronie internetowej, chyba że treść przyciągnie ich uwagę. Teraz wyobraź sobie, jak szybko użytkownicy opuszczą stronę internetową, jeśli ładowanie trwa bardzo długo! Badania przeprowadzone przez Google potwierdziło, że „szybsze witryny tworzą szczęśliwych użytkowników” i „gdy witryna reaguje powoli, odwiedzający spędzają tam mniej czasu”.

7. Mikrodane

SEO: Mikrodane to jeden z trzech języków kodowych zaprojektowanych w celu dostarczania programów pająków w wyszukiwarkach z informacjami o zawartości strony. Jeszcze lepiej, zaakceptowany format mikrodanych, Schema.org został zatwierdzony przez Google, Bing i Yahoo! Jak wyjaśniono przez AJ Kumar z Entrepreneur.com , mikrodane zapewniają programy pająków wyszukiwarek z większym kontekstem dla rodzaju informacji na stronie internetowej i sposobu, w jaki witryna powinna być indeksowana i klasyfikowana. Dodatkowo tworzy także „bogate fragmenty”, które wyświetlają więcej informacji o SERPach niż tradycyjne aukcje.

Użyteczność: Ponieważ wyszukiwarki są w stanie dowiedzieć się więcej o indeksowanych witrynach, mogą prezentować użytkownikom lepsze wyniki i więcej informacji za pośrednictwem swoich SERP. Wdrażanie mikrodanych jest zatem korzystne przy rozpoczynaniu pozytywnego doświadczenia użytkownika nawet przed uzyskaniem dostępu do samej witryny.

Wniosek

Powyższa lista nie jest bynajmniej rozstrzygająca, ale mam nadzieję, że dostarczyłem ci dobrego punktu wyjścia, z którego możesz uzyskać dostęp do innych powiązanych materiałów. Jeśli masz sugestie, w jaki sposób można poprawić użyteczność i SEO za pomocą tagów HTML, podaj je w sekcji komentarzy poniżej. Dziękuję Ci!

(Główny obraz: MianShazadRaza przez PixaBay )