Komponujemy poprawną h1 oraz strukturę podtytułów. Nagłówki artykułów H1, H2, H3 w WordPress, a także sposoby wyświetlania kategorii (the_content, the_excerpt i inne) Jak znaleźć tytuł strony w tagu h1 lub nie

Na moim szczycie projekty informacyjne najpierw specjalista w danej dziedzinie opracowuje strukturę artykułu (nagłówki i śródtytuły), a następnie copywriterzy piszą na nich tekst.

Struktura jest właściwie bardzo ważna, jeśli zależy Ci na jakości. Aby stworzyć normalną strukturę, musisz zrozumieć, jak działają znaczniki h.

h1 to główny podtytuł w artykule, który zwykle umieszcza się nad tekstem.

Pierwszy nagłówek powinien być wizualnie większy niż pozostałe nagłówki na stronie.

h2-h6 to małe podtytuły, które są zagnieżdżone.

Do czego służą nagłówki?

Dla tych, którzy nie są bardzo w temacie, tutaj jest w zasadzie dobry film o podstawach tworzenia podtytułów h1-h6. Jeśli nie uważasz się za eksperta, sprawdź:

A dla utrwalenia materiału trochę słabszy filmik:

Nagłówki są wywoływane w jednym zdaniu lub nawet słowie, aby podkreślić główną istotę, ideę kolejnego tekstu. Zwykle osoba zwraca na nie uwagę przede wszystkim, decydując, czy przeczytać resztę materiału. Nagłówki są szczególnie ważne w tekstach reklamowych, listach i służą jako główne narzędzie przyciągania uwagi docelowych odbiorców.

W kodzie tag wygląda tak:

, gdzie litera h pochodzi od słowa „nagłówek”, co w tłumaczeniu oznacza „nagłówek”. Każdy poziom jest oznaczony odpowiednią liczbą.

H-tagi oczami ludzi

Tekst podtytułów jest czystszy i łatwiejszy do odczytania. Współczesny użytkownik już dawno nauczył się skanować artykuły w zaledwie kilka sekund i szybko wyciągać wnioski, czy warto przeczytać cały tekst, czy zawiera przydatne informacje, których szuka. Nagłówki przyciągają wzrok, podkreślając najważniejsze i dając użytkownikowi możliwość przeanalizowania materiału.

Tagi h1, h2, h3, h4, h5, h6 pozwalają stworzyć dla czytelnika swoistą mapę, według której może on szybko poruszać się po tekście. A jeśli te wydzieliny przyciągną uwagę, to osoba zostanie na stronie i prawdopodobnie przeczyta cały artykuł. Możesz sprawdzić wynik wg czynniki behawioralne. Jeśli ludzie pozostają na stronie, wykonują jakiekolwiek czynności, praca nad SEO nie poszła na marne.

H-tagi oczami wyszukiwarek

Roboty wyszukujące zbierają od nich informacje do analizy semantycznej. Szczególnie ważne dla botów są nagłówki poziomów h1, h2, h3. Ich niekonsekwentne lub nieprawidłowe użycie może negatywnie wpłynąć na ranking strony. Jeśli w kodzie HTML w ogóle nie ma znaczników h, strona będzie miała trudności z promocją. Poziomy h4, h5, h6 są mniej znaczące.

Hierarchia znaczników H

Główną zasadą w układzie nagłówków jest ich hierarchia. Nie jest konieczne, aby tagi szły jeden po drugim w rozmiarze, ale niedopuszczalne jest użycie np. h3 w tekście, jeśli nie masz nigdzie meta h2, lub użycie h6 bez h5.

Tak wygląda hierarchia z odpowiednim zagnieżdżeniem:

Co to jest znacznik h1

Znacznik h1 to spis treści tekstu (podobnie jak tytuł książki lub artykuł w gazecie).

Każda strona powinna mieć jeden i tylko jeden tag h1.

Z punktu widzenia atrakcyjności dla użytkownika ma to ogromne znaczenie. Ale dla promocji SEO, .

Tytuł to też tytuł, ale jest przypisany nie tylko ludziom, ale i robotom. Nie jest wyświetlany na samej stronie, a jedynie w zakładce przeglądarki oraz we fragmencie jako aktywny link do strony. W rzeczywistości tytuł jest alternatywą, ale głównym tytułem dokumentu HTML. Jeśli go brakuje, wyszukiwarka bierze h1 za podstawę i używa go w sierpie.

Dlaczego h1 powinno różnić się od tytułu

Bardzo ważne jest, aby zrozumieć, że h1 i tytuł to różne nagłówki. I muszą być odpowiednio umiejętnie łączone. Oto podstawy w tym temacie:

Zaniedbywanie zasad unikalności i trafności nagłówków może doprowadzić do tego, że witryna trafi pod filtr. Ostatnio Wyszukiwarki zaczął płacić Specjalna uwaga jakość treści i ustawienia SEO. Duplikaty, spamowanie, chaotyczne umieszczanie nagłówków, ich niezgodność z treścią jest karalne.

Wymagana długość H1

Zaleca się, aby H1 był bardziej zwięzły niż Tytuł, nieprzekraczający liczby znaków większej niż 50. Ale nie będzie katastrofy, jeśli tytuł będzie dłuższy, gdy nie uda się zmieścić całego punktu w wyznaczonej wielkości.

Specjalne wtyczki do WordPressa umożliwiają analizę prawidłowe wypełnienie wszystkie meta bezpośrednio w edytorze.

Zasady poprawnego pisania h1

  • Musi być unikalny dla całej witryny i całkowicie czytelny;
  • Nie powtarza tagu tytułu, ale też mu ​​nie zaprzecza;
  • Nie powinieneś robić tego zbyt długo (możesz uczynić tytuł bardziej obszernym);
  • Użyty tylko 1 raz na stronę;
  • Odpowiada tekstowi i odzwierciedla semantyczną istotę materiału;
  • Ciekawe, atrakcyjne dla użytkownika;
  • Nie można umieścić kropki na końcu i zaleca się stosowanie znaków interpunkcyjnych do minimum.

Zastosowanie kluczy

Główne frazy kluczowe powinny przede wszystkim zawierać tytuł. Ale powinny być również napisane w h1. I tam, i tam lepiej zrobić to na samym początku. Ale byłoby lepiej, gdyby słowa kluczowe nie powielały się w tych dwóch tagach. Musisz użyć różnych form słów lub rozcieńczyć wystąpienia w h1 i bezpośrednie wystąpienia w tytule.

Niektórzy biorą wszystkie klucze do strony i tworzą z nich strukturę artykułów. Pamiętaj od razu, że bez fajnych PF takie rozrzucanie słów kluczowych po podtytułach zostanie ukarane filtrem za nadmiar spamu.

Psychologiczne sztuczki do tworzenia atrakcyjnego nagłówka

Tytuł powinien być chwytliwy. Oto wideo od Maxima Ilyakhova, specjalisty ds. Mediów, rektora School of Editors i twórcy serwisu Glavred:

Oto kilka innych „technik”, które są używane podczas kompilowania nagłówków.

Rozwiązanie

Pamiętaj, że człowiek zawsze szuka nie informacji czy towarów, ale przede wszystkim rozwiązania swoich problemów, potrzeb, potrzeb. Działaj dokładnie na zamierzony problem grupy docelowej

Przykład udanego nagłówka: „Wypadają włosy? Powstrzymaj opad w ciągu tygodnia”.
Przykład nietrafionego nagłówka: „Czy można zatrzymać wypadanie włosów?”

W pierwszym przypadku jasno identyfikujemy problem i proponujemy konkretne rozwiązanie. W drugim przypadku problem jest dotykany pośrednio, a możliwości jego rozwiązania zacierają się.

Intryga

Przykład udanego nagłówka: „Zdradzamy sekret najskuteczniejszej recepty na wypadanie włosów”.
Przykład nietrafionego nagłówka: „Najlepszy przepis na wypadanie włosów”.

Recepcja „egzamin”

Zdanie w tej formie zmusza czytelnika do sprawdzenia samego siebie.

Przykład udanego nagłówka: „Czy na pewno walczysz z wypadaniem włosów we właściwy sposób?”
Przykład nietrafionego nagłówka: „Czy wiesz wszystko o wypadaniu włosów”.

Oczywiście to nie wszystkie metody, które pomagają wpływać na postrzeganie osoby i przyciągać jej zainteresowanie. Przeczytaj książki marketingowe, aby dowiedzieć się więcej, jeśli interesuje Cię ten temat. Nawiasem mówiąc, tytuł też może być „kuszący”. Co więcej, najprawdopodobniej to on jest wyróżniony w wynikach wyszukiwania. Możesz sprawdzić jego wyświetlanie po zindeksowaniu strony.

Dlaczego podtytuły h2-h6 są potrzebne

Tagi od h2 do h6 znajdują się już w samej treści artykułu, dzieląc go strukturalnie na akapity tematyczne, oraz w kodzie dokumentu HTML, podkreślając jego istotne elementy. Są one również identyfikowane przez roboty wyszukujące w celu analizy semantycznej strony.

Potrzebne, aby hierarchicznie wyznaczyć wszystko, co ważne i godny uwagi użytkownik na stronie. Taka struktura pomaga osobie w szybkim poruszaniu się po informacjach i ocenie ich zgodności z ich potrzebami.

h2 - skupia uwagę użytkowników i wyszukiwarek na głównej treści artykułu. Pokazuje najważniejsze w tekście.

h3 - jest podpunktem informacji pod H2, ujawniając ją jeszcze głębiej.

h4, h5, h6 - są definiowane jako zagnieżdżone podtytuły (odsłaniają szczegółowo istotę H2 lub H3) i są używane w tekście do wyróżniania małych akapitów i znaczących słów, a także w menu, pasku bocznym i innych elementach sieci dokument.

Wszystkie h-tagi muszą mieć maksymalnie 50 znaków.

Jak poprawnie pisać podtytuły h2-h6

  • Niemożliwe jest, aby najmniejszy podtytuł istniał bez większego. Oznacza to, że jeśli tekst zawiera metatag h4, musi być poprzedzony h2 i h3.
  • Im wyższy poziom nagłówka, tym większa powinna być czcionka. W WordPress ustawienia domyślne są zazwyczaj ustawione w taki sposób, że tagi są automatycznie formatowane do poprawnej postaci.
  • Wszystkie h-tagi muszą odpowiadać treści treści, eksponować istotę informacji.
  • Niedopuszczalne jest używanie h1-h6 jako kotwic lub aktywnych linków.
  • Nie możesz pisać innych znaczników wewnątrz znacznika h.
  • W h-tagach dozwolony jest tylko tekst i znaki interpunkcyjne.
  • Podtytuły nie powinny być spamerskie słowa kluczowe. Słowa kluczowe najlepiej stosować w tytule, h1, h2, a w mniejszych, takich jak h3, h5, h6, skup się na szczegółowym ujawnieniu tematu.

Jeśli znacznik strony zawiera tytuł i nagłówek główny H1, ale sam tekst artykułu nie jest zbyt duży i nie zawiera śródtytułów, nie jest to pomyłka. W TOP jest wiele stron, których treść jest prawie ciągłym paskiem, być może podzielonym na akapity. Można dostać się na czołowe pozycje bez „czarowania” nad znacznikami tekstu, kładąc większy nacisk na . Witryny WordPress są dobrze indeksowane przez wyszukiwarki. Mimo to użycie tych tagów nie tylko ułatwia zadanie, ale także sprawia, że ​​treść jest łatwiejsza i bardziej przyjemna wizualnie.

Jak wypełnić h-tagi w WordPress

h1 jest zwykle wypełniane w polu nad tekstem w poście:

Aby utworzyć podtytuły h2-h6, musisz wybrać niezbędny element i najeżdżając kursorem na zakładkę „Nagłówki”, wybierz żądany, klikając go. Zrób to samo dla każdego z podtytułów, uwzględniając je we właściwym formacie.

Jest jeszcze prostszy sposób - możesz wpisać tekst w Wordzie przy użyciu niezbędnych znaczników i po prostu skopiować i wkleić artykuł do edytora WordPress. Nagłówki wybrane w programie Word automatycznie pojawią się w odpowiednie rozmiary. W razie potrzeby możesz je poprawić za pomocą narzędzi edytora CMS WordPress.

W większości motywów WordPress domyślne nagłówki h1-h6 w artykułach są tak duże, że psują cały wygląd. W takich przypadkach konieczne staje się zmniejszenie rozmiaru tytułu w artykule na blogu. I tu często panuje takie zamieszanie, że nie wszyscy nawet rozumieją, o co chodzi. Rozwiążmy to.

Rodzaje tytułów, które można zmieniać

Dobrze napisany post na blogu ma zwykle wiele tytułów. NA widać, że jest:

  • tytuł artykułu to zwykle H1
  • nagłówek h2
  • nagłówek h3

Ten artykuł jest przeznaczony dla tych, którzy chcą zmniejszyć rozmiar nagłówków h2-h6, czyli nagłówków wewnątrz artykułu. Na dobre na każdej stronie serwisu powinien znajdować się jeden nagłówek - tag H1. I taki jest tytuł artykułu. Dlatego pisząc nagłówki WEWNĄTRZ artykułu zaczynamy od znacznika h2, bo h1 już mamy.

A często nawet ten nagłówek h2 jest za duży, co powoduje pewne niedogodności dla webmastera i przestaje go używać, używając h3 lub h4. Jeśli napotkasz ten problem, zmiana jest dość prosta.

Jak zmniejszyć rozmiar nagłówka w artykule

Dla tych, którzy są w temacie, podam ścieżkę: public_html → twoja domena → wp-content → themes → twój motyw → css → screen.css. A dla tych, którzy jeszcze nie są pewni, przygotowane szczegółowe wideo.

Film pokazuje, że zmienia się wartość „em”. Jeśli rozmiar jest nadal niezadowalający, spróbuj zastąpić wartość „em” pikselami (na przykład zamiast 2em - 20px) - w niektórych motywach jest to bardziej poprawne.

To był artykuł o tym, jak zmienić rozmiar czcionki nagłówków w artykule na blogu, ale jeśli musisz zmienić sam tytuł artykułu, to

W jaki sposób nagłówki są uszeregowane w witrynie WordPress i dlaczego na stronie powinien znajdować się tylko jeden nagłówek najwyższego poziomu? Zastanawiamy się, jak sprawdzić ilość tagów H1 na stronie i co zrobić, aby uniknąć ich powielania w motywie.

Ile nagłówków z tagiem H1 może znajdować się na stronie WordPress?

Struktura szablonu strony opiera się na nagłówkach od H1 do H6. Wraz ze wzrostem liczby rozmiar czcionki zwykle maleje, a nagłówki „zagnieżdżają się” 1 na 1. W przypadku witryn WordPress nagłówek H1 jest zwykle zarezerwowany dla tytułu strony, H2 służy do spisu treści. ważne elementy strony. Głębsze poziomy - podtytuły - znajdują się w treści artykułów, tworząc strukturę tekstu i czytelność.

Ważne jest, aby na stronie znajdował się tylko jeden nagłówek H1, ponieważ koncentruje się on na informacjach, którym poświęcona jest strona serwisu. Jeśli z jakiegoś powodu w temat WordPress ma kilka nagłówków oznaczonych tagiem H1, wyszukiwarki mogą to uznać za próbę nadmiernej optymalizacji lub spamu i obniżenia pozycji witryny w wynikach wyszukiwania.

Zwróć uwagę, jak WordPress generuje różne poziomy nagłówków podczas dodawania strony lub postu.

  • W oknie edycji posta lub strony znajduje się dedykowane pole do wpisania tytułu (1). Tutaj znajduje się nagłówek najwyższego poziomu. Zostanie oznaczony tagiem H1 bezpośrednio na stronie postu lub tagiem H2, jeśli na stronie głównej jest wiele ogłoszeń postów. W tym drugim przypadku takim tytułem jest link do strony z pełną treścią wpisu.
  • Okno edytora tekstu zawiera treść artykułu (2), która umożliwia formatowanie tekstu za pomocą paska narzędzi (3). Użycie nagłówka pierwszego poziomu nie jest już tutaj wymagane, użyj poziomów H2-H6, aby uporządkować artykuł i uniknąć spamowania.

Współdzielony hosting strony dla popularnego CMS:

Jak sprawdzić, czy H1 są zduplikowane w szablonie WordPress

Aby sprawdzić liczbę nagłówków najwyższego poziomu, należy otworzyć kod strony i policzyć konstrukcje zaczynające się od znacznika

. Należy pamiętać, że ten tag jest sparowany, jest zamknięty przez konstrukcję

. Wszystko pomiędzy to nagłówek pierwszego poziomu.

Weryfikacja kodu odbywa się na jeden z poniższych sposobów:

  • Będąc na żądanej stronie witryny, naciśnij kombinację klawiszy CTRL + U. Otworzy się kod, w którym musisz znaleźć wszystkie tagi H1. Aby ułatwić wyszukiwanie, użyj Kombinacja CTRL+ F.
  • Kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz Wyświetl kod strony. Następnie wyszukaj tagi H1.
  • Najedź kursorem na żądany nagłówek, kliknij prawym przyciskiem myszy i wybierz Sprawdź element. W oknie, które zostanie otwarte, zostanie podświetlony kod dla określonego elementu strony.

Na przykład sprawdzenie tytułu posta na stronie głównej witryny pokazuje, że należy on do nagłówka H2 drugiego poziomu i zawiera link prowadzący do nowej strony.

Jeśli jest kilka nagłówków, musisz zmienić niektóre z nich

Przechodząc bezpośrednio do strony ewidencyjnej, inspekcja o tej samej nazwie ma już status nagłówka pierwszego poziomu, o czym świadczy znacznik H1. Zobacz kod strony - taki tytuł powinien być tylko jeden. Jeśli zostaną znalezione inne tagi H1, kod musi zostać poprawiony. Jeśli tytuł jest zduplikowany w szablonie witryny, konieczne jest zastąpienie danych wyjściowych tych elementów innym tagiem we wszystkich miejscach oprócz tytułu strony, np. pisząc podobne style w pliku css. W takim przypadku wygląd szablonu pozostanie taki sam, ale wyszukiwarki nie uznają strony za ponownie zoptymalizowaną.

Jak naprawić zduplikowane nagłówki w motywie WordPress

W niektórych szablonach nazwa witryny wraz z logo jest często opakowana w tagi H1. Powoduje to zduplikowanie nagłówków pierwszego poziomu, ponieważ ten sam tag zawija tytuł posta lub strony.

Jeśli znajdziesz taki błąd w motywie, którego używasz, musisz przejść do edytora kodu w panelu administracyjnym WordPress i otworzyć szablon header.php. W kodzie szablonu dodaj warunkową konstrukcję formularza:


Kod do umieszczenia logo na stronie głównej



Kod do umieszczenia logo na innych stronach

W tym przypadku tylko na stronie głównej logo będzie znajdować się wewnątrz tagów H1, na wszystkich pozostałych nie będzie już powielać nagłówków najwyższego poziomu reprezentowanych przez tytuł posta.

Aby zmienić rozmiar nagłówka, musisz ustawić rozmiar w stylach css

Wiele nowoczesnych motywów WordPress umożliwia zmianę rozmiaru głównych elementów tekstowych w ustawieniach szablonu. Wystarczy przejść do panelu administracyjnego w sekcji „ Wygląd" - "Motywy" - "Dostosuj" dla bieżącego szablonu i zmień żądany rozmiar nagłówków, tekstów. Jeśli nie jest to możliwe, będziesz musiał znaleźć kod rozmiaru czcionki związany z nagłówkiem h1 w pliku style.css i ustawić żądany rozmiar.

Dziś w jednym z komentarzy padło pytanie: Jak zmienić rozmiar tytułu artykułu

WordPressa? Odpowiedzi na to pytanie może być kilka. Aby nie wchodzić w szczegóły pisania kodu html i nie mówić o css, a także łączeniu plików ze stylami dla jednolitego formatowania strony, powiem ci najważniejszą i podstawową rzecz, którą musisz wiedzieć i czego użyjemy do zmienić rozmiar tytułu artykułu WordPressa :

Pierwsza opcja. Nagłówki artykułów musi być określony za pomocą znacznika H1 lub H2 lub ... H6.

  • Gdzie zwykły użytkownik może uzyskać te tagi?
  • Jak z nich korzystać?
  • Gdzie włożyć te H1 lub H2 lub... H6 w WordPressa?

Wszystko jest bardzo proste. Te znaczniki tytułu znajdują się na liście Format na dodatkowym panelu przycisków (dla tych, którzy nie mają tego panelu, naciśnij kombinację klawiszy Alt + Shift + Z).

Wybór każdego widoku z Format - Nagłówek 1, Nagłówek 2 itd. możesz wybrać typ nagłówka, który Ci odpowiada. Od razu zastrzegam, że im mniejszy numer nagłówka, tym mniejszy „rozmiar” tekstu.

UWAGA: tekst musi mieć jeden nagłówek, aby ułatwić wyszukiwarkom optymalizację strony.

Jeśli chcesz zobaczyć kody HTML, które są używane do tworzenia nagłówków, przejdź do Zakładka HTML. Jesteś pewien, że to jedna z opcji H1, H2 lub... H6? Świetnie. Idźmy dalej.

Druga opcja. Możesz użyć tagu< font >. Ten tag ma kilka atrybutów. Ten, który nas interesuje, nazywa się rozmiar. Atrybut ten może przyjmować wartości od 1 do 7. Np. Rozmiar czcionki 2

Możesz zaznaczyć całe słowo lub pierwszą literę. W ten sposób można uzyskać efekt kropli.

O przyszedł baldachim

Czcionka tekstu 1 Czcionka tekstu 1
Czcionka tekstu 2 Czcionka tekstu 2
Czcionka tekstu 3 Czcionka tekstu 3
Czcionka tekstu 4 Czcionka tekstu 4
Czcionka tekstu 5 Czcionka tekstu 5
Czcionka tekstu 6 Czcionka tekstu 6
Czcionka tekstu 7 Czcionka tekstu 7

Jak tego użyć?

  1. Otwierasz artykuł w PUA ze stroną internetową.
  2. Napisz tekst jak zwykle.
  3. Przejdź do widoku kodu HTML.
  4. Znajdź słowa, których czcionkę chcesz zmienić.
  5. Opraw te słowa tagiem ( słowo) jak pokazane powyżej.

Znacznik ma inny atrybut kolor A, który określa kolor czcionki. Ten atrybut przyjmuje wartości:

Jak widać na przykładzie, wartość koloru można zapisać

  • lub nazwa koloru (nawiasem mówiąc, w tabeli wymieniono kolory podstawowe, ale w rzeczywistości jest ich znacznie więcej)
  • Lub ustawiony w kodzie RGB (aby wybrać inne kolory, możesz użyć programu Photoshop, wybrać kolor i zobaczyć wartość wRGB, a następnie napisz do koduhtml i uzyskaj wynik. Ale bądź ostrożny, nie wszystkie kolory są zalecane do używania w Internecie, istnieje tabela tak zwanych „bezpiecznych kolorów”. Tego trzeba używać!!!

Znacznik posiada również atrybut FACE. Czcionkę można określić według nazwy (Arial, Tahoma, Verdana) lub typu (na przykład o stałej szerokości).

Na przykład,

Złota jesień

UWAGA: proszę nie mylić tytułu artykułu w znaczeniu tekstu nagłówka (znaczniki H1 lub H2 lub ... H6) i rozmiaru czcionki (znacznik ). Jeśli optymalizujesz artykuł, użyj tagu nagłówka H1 lub H2 lub ... H6, jeśli chcesz coś wyróżnić w artykule, użyj tagu .

Podsumować:

  • nagłówki używają znaczników H1 lub H2 lub ... H6;
  • tag służy do zmiany czcionki z atrybutem rozmiar.

Struktura artykułu WordPress jest z góry określona przez reguły wyszukiwarek i odpowiednio wpływa na promocję Twojego artykułu w SERP. Kiedy zaczynasz pisać nowy artykuł, powinieneś nie tylko pomyśleć o jego temacie i celu, ale także zbudować jego treść w określonej strukturze. Struktura artykułów i wykorzystanie tagów h1 na blogu WordPress zostanie omówione w tym artykule. Zacznijmy od analizy głównych elementów stron internetowych.

Podstawowe elementy strony internetowej

Pisząc kolejny artykuł, powinieneś zrozumieć, że w Internecie Twój tekst jest zbiorem pewnych znaków, ponadto zakodowanych, otoczonych pewnymi elementami znaczników HTML (tagami). Ponieważ tagi dla wyszukiwarek mają hierarchię priorytetów, struktura tekstu artykułu musi być zbudowana zgodnie z tą hierarchią.

Tytuły artykułów

Struktura artykułu WordPress powinna zaczynać się od głównego elementu strony internetowej - tytułu. Tytuł artykułu jest odzwierciedlany w wynikach wyszukiwania i wyświetlany w najbardziej widocznym miejscu (u góry) po otwarciu strony. Ponadto tytuł artykułu jest linkiem do Twojego bloga, gdy znajduje odzwierciedlenie w wynikach wyszukiwania w Internecie. Tytuł artykułu musi być otoczony tagiem tytuł.

Struktura artykułu WordPress – Tag H1

Drugi najważniejszy element strony internetowej to tytuł strony w ramce w tagu h1. To jest wymagany tag strony internetowej. Ponadto ważne jest, aby pamiętać, że ten tag powinien być jedynym na otwartej stronie internetowej (a nie na całym blogu). Kilka tagów h1 „nerwuje” wyszukiwarki i prędzej czy później wyrzucą tę stronę z wyszukiwania.

Tagi H2-H6

Jak widać, w tekście jest jeden element h1, a cała reszta ułożona jest w przejrzystą strukturę drzewiastą.

Struktura artykułów WordPress: Jak budować

Strukturę artykułu WordPress można zbudować na dwa sposoby.

  • Pierwszy. Napisanie artykułu w HTML, co wymaga nie tylko znajomości języka, ale także poważnej praktyki.
  • Druga opcja, prościej. Utwórz strukturę artykułów WP w jego edytorze wizualnym. Pokażę ci, jak to się robi.
  1. Wchodzimy w Konsolę → Rekordy → Dodaj rekord.
  2. Każdy edytor wizualny zainstalowany na Twoim blogu WordPress ma przycisk : Akapit.
  3. Ten przycisk tworzy strukturę artykułu WordPress, „przyjemnego” dla wyszukiwarek.

Ale ta edycja dotyczy tylko treści artykułu i nie wpływa w żaden sposób na tytuł artykułu. Ramka tytułu artykułu w tagach title i h1 jest zdefiniowana w szablonach motywów WordPress. A ponieważ szablony są składane przez ludzi, ich błędy muszą być poprawiane ręcznie.

Co może być nie tak z szablonami WordPress w odniesieniu do tagów title i h1. Przeanalizujmy to bardziej szczegółowo.

tagi title i h1 w szablonach WordPress

Wiele szablonów Wordpress w ogóle nie używa tagu h1.

Przy okazji: Możesz sprawdzić, czy tytuły artykułów są otoczone tagami h1 w następujący sposób. Otwórz dowolny ze swoich postów na blogu WP. Kliknij prawym przyciskiem myszy kliknij myszką na stronie i otwórz „Kod strony”. Na otwarte źródło, naciśnij Ctrl + F (to jest wyszukiwanie strony) i poszukaj h1. W zależności od tego, czy istnieje tag h1 związany konkretnie z treścią posta, czy nie, Twoje dalsze kroki będą zależeć.

I tu jeszcze jedna uwaga. Znam wiele blogów WP, które działają bez tagów h1 w swoich szablonach. Jednocześnie mają doskonałe wyniki wyszukiwania. Powiem na to tylko jedno. Wyszukiwarki uwielbiają tag h1. Jest podstawą wszystkich znaczników artykułów. A to oczywiście pozytywnie wpływa na ranking bloga WP. Więc od Ciebie zależy, czy użyjesz h1 na swoim blogu WP, czy nie. Ważna jest tutaj jedna rzecz. Nie przesadzaj z tagami h1. Na każdej stronie powinien znajdować się jeden tag h1.

Jak wstawić tag H1 w szablonie bloga WordPress

Zanim wyjaśnię, jak wstawić tag h1 do szablonu bloga WordPress, skupię się na plikach motywu WP. są tworzone dla każdego tematu osobno.

Możesz edytować pliki szablonów bezpośrednio na serwerze w katalogu WP, łącząc się z nim przez FTP. Lub łatwiej, przejdź do , następnie Konsola → Wygląd → Edytor. Po prawej stronie w oknie, które zostanie otwarte, będą widoczne wszystkie pliki szablonów motywu WP.

Konieczna jest jednak poprawna i bezpieczna edycja plików szablonów w edytorze takim jak Notepad++. Skopiuj edytowany plik, edytuj w edytorze i zapisz nową kopię, przenieś ją do szablonu.

W tym artykule interesują nas dwa pliki do edycji:

  1. Plik strona główna. Może index.php lub loop.php
  2. Oddzielnie otwarty plik artykułu: być może single.php lub loop-single.php.

Musisz zmodyfikować kod tak, aby na otwartej stronie internetowej znajdował się tylko jeden tag h1, który powinien otaczać tytuł otwartego artykułu.

Naprawianie tagu h1 w pojedynczym pliku postu

Aby edytować pliki, użyj Edytor tekstu jak Notepad++. Mamy również pod ręką kopię strony na wypadek błędów krytycznych.

Przejdź do Konsola → Wygląd → Edytor → Oddzielnie otwarty plik artykułu. Szukamy kodu, który odpowiada za wyświetlenie nagłówka. Kawałek szablonu:

/* Część pojedynczego szablonu pętli

>

I zmień w nim tagi h2 na tagi h1:

Pozostaje czysty kod nagłówka otoczony znacznikami h1.

  • szukasz:lub nazwa-witryny lub tytuł-witryny.
  • Jeśli znacznik h1 znajduje się wewnątrz elementu div, po prostu go usuwamy.
  • Jeśli h1> znaczniki

Wstawienie tagu h1 na stronie głównej bloga WP

Na stronie głównej bloga, która odzwierciedla najnowsze artykuły, sytuacja wygląda nieco inaczej. Ponieważ na stronie głównej znajduje się kilka nagłówków, muszą one być otoczone tagami h2, a nie h1.

  1. W tym celu otwórz plik w edytorze: index.php lub loop.php;
  2. Poszukujemy kodu wyświetlającego tytuły artykułów na stronie głównej;
  3. I zmieniamy znacznik h1 na znacznik h2. Nie zapomnij zapisać.
>

" rel="zakładka">

"wyrównaj do lewej")); ?>
/* Strona główna, szablon: index.php lub loop.php

" rel="zakładka">

/* zmień na

" rel="zakładka">

Wszystko. Struktura artykułu WordPress jest zbudowana i nie użyto ani jednej wtyczki. jednak wraz z aktualizacją szablonu wszystko będzie musiało zostać powtórzone.