Optymalizacja struktury nagłówków WordPress dla lepszego SEO
Objaśnienie
Pracując z WordPress, poprawne użycie znaczników nagłówków takich jak H1, H2 i H3 jest kluczowe zarówno dla czytelności, jak i SEO. Oto prosty sposób, aby upewnić się, że Twoje nagłówki są zoptymalizowane:
- Pojedynczy znacznik H1: Każda strona lub wpis powinien mieć tylko jeden znacznik H1. Zazwyczaj jest on używany jako główny tytuł lub nagłówek strony.
- Automatyczna regulacja: Kod sprawdza Twoje treści i zapewnia, że jest tylko jeden znacznik H1. Jeśli znajdzie więcej, automatycznie zmienia dodatkowe znaczniki H1 na znaczniki H2.
- Korzyści SEO: Poprawna struktura nagłówków pomaga wyszukiwarkom zrozumieć hierarchię i znaczenie Twoich treści, co może poprawić Twoje SEO.
To ustawienie jest szczególnie przydatne, jeśli nie jesteś pewien technikaliów HTML, ale chcesz upewnić się, że Twoja strona jest przyjazna dla SEO. Po prostu dodaj kod, a on zajmie się resztą, zapewniając, że Twoje nagłówki są poprawnie uporządkowane, bez konieczności ręcznego dostosowywania ich.
Kod
<?php
// Hook into 'wp_head' to add custom heading structure optimization
add_action('wp_head', 'wp_dudecom_optimize_heading_structure');
/**
* Optimize the structure of headings H1, H2, H3 for SEO in WordPress.
*
* This function ensures that the heading tags are used correctly and optimally
* for SEO purposes. It checks the current page type and adjusts the heading
* structure accordingly.
*/
function wp_dudecom_optimize_heading_structure() {
if (is_single() || is_page()) {
// Ensure only one H1 tag is used per page
add_filter('the_content', 'wp_dudecom_single_h1_tag');
}
}
/**
* Ensure only one H1 tag is used per page and optimize heading tags.
*
* @param string $content The content of the post or page.
* @return string Modified content with optimized heading tags.
*/
function wp_dudecom_single_h1_tag($content) {
// Use DOMDocument to manipulate HTML content
libxml_use_internal_errors(true);
$dom = new DOMDocument();
$dom->loadHTML('<?xml encoding="utf-8" ?>' . $content);
// Get all heading tags
$headings = $dom->getElementsByTagName('*');
$h1_count = 0;
foreach ($headings as $heading) {
if (in_array($heading->nodeName, ['h1', 'h2', 'h3'])) {
// Count H1 tags
if ($heading->nodeName === 'h1') {
$h1_count++;
if ($h1_count > 1) {
// Convert additional H1 tags to H2
$dom->createElement('h2', $heading->nodeValue);
$heading->parentNode->replaceChild($dom->createElement('h2', $heading->nodeValue), $heading);
}
}
}
}
// Save the modified HTML
$content = $dom->saveHTML();
libxml_clear_errors();
return $content;
}
?>
Instrukcja
Aby wdrożyć optymalizację struktury nagłówków (H1, H2, H3) w WordPressie, wykonaj następujące kroki:
Lokalizacja pliku: Dodaj kod do pliku functions.php
swojego motywu lub stwórz plik własnej wtyczki.
Wymagania wstępne: Nie są wymagane dodatkowe wtyczki ani ustawienia.
Kroki wdrożenia:
- Dostęp do plików WordPressa: Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby uzyskać dostęp do plików instalacji WordPressa.
- Znajdź plik
functions.php
: Przejdź dowp-content/themes/twojego-aktywnego-motywu/
i otwórz plikfunctions.php
do edycji. - Dodaj kod: Skopiuj i wklej podany fragment kodu do pliku
functions.php
. Upewnij się, że znajduje się na końcu pliku, ale przed zamykającym tagiem?>
, jeśli taki istnieje. - Zapisz zmiany: Zapisz plik
functions.php
i prześlij go z powrotem na serwer, jeśli używasz klienta FTP. - Przetestuj swoją stronę: Odwiedź swoją stronę WordPress i sprawdź kilka stron oraz postów, aby upewnić się, że struktura nagłówków jest zoptymalizowana zgodnie z oczekiwaniami. Każda strona powinna mieć tylko jeden tag H1, a wszelkie dodatkowe tagi H1 powinny być przekształcone w tagi H2.
Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy przy wdrożeniu lub bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania profesjonalnej pomocy.