HTML Web Design - Body Tags i SEO
- Fragmenty Google
- Użyj kolejności hierarchicznej dla tagów nagłówka
- Na jednym tagu H1 na stronie?
- Bogate nagłówki słów kluczowych
- Atrybut Alt.
W ostatnim poście mówiliśmy o HTML i jak przydatne są tagi znajdujące się w sekcji <Head> (bit, który jest w większości ukryty przed przeglądarką). Tym razem patrzymy na znaczniki używane w sekcji <Body>.
Sekcja treści kodu HTML jest tym, co oprogramowanie przeglądarki wykorzystuje do rysowania / tworzenia strony na ekranie komputera użytkownika (lub telefonu komórkowego / tabletu).
Oczywiście istnieje wiele różnych przeglądarek i chociaż wszystkie używają kodu HTML, często tworzą nieco inny widok tego na ekranie użytkownika (coś, co wszystko dobrzy projektanci stron internetowych muszę wziąć pod uwagę).
Ale jeśli chodzi o SEO, nie interesuje nas, jaka przeglądarka jest używana, tylko w jaki sposób możemy „zaimponować” każdej odwiedzającej wyszukiwarce, aby uzyskać najlepszą możliwą pozycję dla tej strony dla słów kluczowych „docelowych” dla tej strony.
Te znaczniki nagłówków, podobnie jak wszystkie HTML, oparte są na strukturze dokumentu, która została pierwotnie stworzona do sterowania drukarkami komputerowymi. Byli także wykorzystywani przez redaktorów gazet w „dawnych czasach”, kiedy gazety były drukowane przy użyciu znaków wiodących, a tagi nagłówków były używane przez edytor do oznaczenia nagłówka MAIN i które były nagłówkami.
Właśnie tak robimy, gdy korzystamy z tagów nagłówka w sieci, a jeśli cofniesz się do lat 90., przed dniami arkuszy stylów itp., Masz tylko kilka sposobów kontrolowania układu strona i jak duży był tekst.
Tag Header był jednym z głównych sposobów, w jaki zrobiłeś to za pomocą H1 dla głównego nagłówka, H2 dla następnego poziomu i tak dalej, aż do najmniejszego H6. Dzisiaj, oczywiście, używając Stylów, możesz nadpisać, jak duży (i jakiego koloru / czcionki są używane) tekst. Ale niezależnie od tego, jak wyglądają, wyszukiwarki nadal wykorzystują fakt, że zostały one oznaczone jako „ważne” bloki tekstu, tylko dlatego, że są zawarte w znaczniku nagłówka.
To jest ważny fakt i dlatego powinny być mądrze używane.
W HTML tag nagłówka wygląda mniej więcej tak, ale jak wspomniano powyżej, z powodu Stylów rzeczywisty kod może wyglądać znacznie inaczej.
< h1> WAŻNY TEKST na stronie </h1>
Jednakże, mimo że są dobrzy w informowaniu silników o tym, co jest ważne, dziś, wraz z pojawieniem się coraz potężniejszych (i mądrzejszych) algorytmów, Google i jego krewni nie polegają już na tagu Header, więc nie jest w stanie z niego korzystać w ogóle. ALE, nadal pomagają wyszukiwarkom czytać twoje treści w bardziej efektywny sposób, więc naszą radą jest ich używanie, po prostu upewnij się, że używasz ich we właściwy sposób.
Użyj kolejności znaczników nagłówka (od h1 do h6), aby pokazać poziom ważności każdej sekcji na stronie .
Jest to dość proste i oznacza, że użyłbyś znacznika H1 dla głównego nagłówka, używając H2 dla nagłówków w tym temacie, używając H3 - H6 w razie potrzeby, aby powoli pracować na niższych i niższych poziomach.
W ten sposób nie tylko pomagasz wyszukiwarkom, ale także znacznie ułatwiają czytanie i zrozumienie strony.
Fragmenty Google
Od czasu do czasu w miejscach Google umieszczane są listy z fragmentami nagłówków danej strony (głównie w przypadku przewodników i instrukcji). Jeśli H1 na twojej stronie pasuje do szukanego ciągu zapytania (lub przynajmniej jest podobny), to i twoje podtytuły (H2 - H6) zostaną użyte do utworzenia chronologicznej listy w opisanym urywku. To może być bardzo potężne i może dać Ci wiele kliknięć!
Przykład opisanego fragmentu Google
Te fragmenty są szczególnie ważne, ponieważ zajmują pozycję ponad wszystkimi wynikami, oferując bezpłatną możliwość lepszej widoczności witryny.
Użyj kolejności hierarchicznej dla tagów nagłówka
Dla celów SEO musimy pamiętać, że mamy do czynienia z komputerem, choć bardzo sprytnym, i aby jak najlepiej to wykorzystać, powinniśmy robić rzeczy, które wyglądają „logicznie poprawne”. W ten sposób, używając logicznych znaczników nagłówka, z H1 i H2, a następnie H3, będziemy mogli przekonać Google, że umieściliśmy nasze treści w najlepszy możliwy sposób. Ponieważ lubią strony łatwe do odczytania przez ludzi, zyskamy punkt na naszej korzyść.
Kup jeden, a drugi dostaniesz za darmo
Korzystając z nagłówków w ten hierarchiczny sposób, otrzymujemy także kolejny bonus, ponieważ nasza treść jest łatwiejsza do odczytania. To nie tylko pozwala nam przekazać naszą wiadomość naszym odwiedzającym, ale także oznacza, że są bardziej skłonni pozostać na stronie (i wrócić). Premia warta posiadania.
Na jednym tagu H1 na stronie?
Dobrą praktyką było używanie tylko jednego znacznika H1 na stronę, ale teraz wydaje się, że można użyć więcej bez szkody dla wartości SEO witryny. Jednak w Rouge wierzymy w to, że podczas tworzenia treści SEO używamy tylko jednego tagu H1 na stronę, ponieważ zarówno strona wygląda lepiej, jak i na przyszłość, na wypadek, gdyby Google itp. Zmieniło zdanie w przyszłości…
Bogate nagłówki słów kluczowych
Optymalizacja tagów nagłówka może być naprawdę przydatna, jednak możesz przesadzić, jeśli nie jesteś ostrożny, więc bądź ostrożny (i unikaj długich łańcuchów nagłówków, kiedy możesz).
Atrybut Alt.
Atrybut tekstu alt był kiedyś bardzo ważny, ponieważ przed czasami szybkiego internetu ludzie czasami musieli wyłączać obrazy (innymi słowy nie pobierali ani nie widzieli obrazu), zamiast tego używali Alt Tag, aby powiedzieć im, co obraz był o.
W HTML zwykle wygląda tak:
<img src = ”url obrazu” alt = ”Świetny opis obrazu”>
Jest to ważny znacznik, ponieważ odgrywa ważną rolę w optymalizacji obrazu, pozwalając Google zrozumieć, na czym polega obraz. Udostępnianie zdjęć w wyszukiwarkach to świetny sposób na znalezienie ich w części wyszukiwania SERP
Nawiasem mówiąc, możesz również zwiększyć potencjał SEO strony, używając opisowych nazw adresów URL, takich jak „the-best-dog-buscuits-ever.jpg” zamiast „image1.jpg”, ponieważ daje to Google jeszcze lepszy pomysł o co chodzi w tej stronie.
Wszystkie te znaczniki zapewniają trochę mocy, wpływając bezpośrednio na sukces działań SEO, choć w bardzo małym stopniu.
Dlatego zalecamy, abyś używał wszystkich tych tagów najlepiej jak potrafisz podczas tworzenia treści dla swojej witryny i jak co Rouge są gotowi zaoferować Ci wszelką pomoc w tym ważnym obszarze
Na jednym tagu H1 na stronie?