Miten jakaa pitkä WordPress viestit sivuiksi vaikuttamatta SEO

Kun aloitin bloggaamisen, en noudattanut mitään SEO- tai optimointisääntöjä tai mitään muutakaan. Kirjoitin vain ja se oli siinä. Tämä aiheutti sen, että minulle kertyi tuhansia optimoimattomia kuvia ja satoja pitkiä, hyvin pitkiä artikkeleita.

Sitten jatkoin muiden pitkien artikkelien julkaisemista, joita optimoin juuri ja juuri tarpeeksi. Tähän mennessä on siis noin 100 artikkelia, joissa on yli 1500 sanaa, ja useita kymmeniä, joissa on yli 3500 sanaa. Ja monia muita yli 1000 sanan artikkeleita.

Monet näistä teksteistä ovat niin sanottuja"ikivihreitä" tai ajattomia artikkeleita. Koska ne ovat täydellisempiä tekstejä kuin tyypillinen pikaviesti, ne ovat yleensä linkkejä, jotka sijoittuvat paremmin ja saavat enemmän jatkuvaa orgaanista liikennettä. Tämä on hyvä uutinen, huono uutinen on se, että ne olivat myös viestejä, jotka latautuivat huonoimmin ja jotka antoivat huonoja mittareita, koska Google käsittelee URL-osoitteita ryhmittäin.

Tämä oli korjattava monista syistä.

Miksi jakaa pitkiä viestejä?

Tärkein syy siihen, miksi pitkät viestit kannattaa jakaa sivuiksi, on kuormituksen keventäminen, erityisesti silloin, kun niissä on paljon kuvia ja/tai videoita ja muita elementtejä.

Latausnopeuden välttämättömän parantamisen lisäksi se lisää mahdollisuuksia saavuttaa parempi sijoitus tai ainakin säilyttää se, ja se lisää kävijöiden käyttämää aikaa ja istuntokohtaisten sivujen lukumäärää vähentämällä hyppyprosenttia.

On kuitenkin muutamia asioita, jotka on pidettävä mielessä. Säilytä alkuperäinen URL-osoite, jotta et luo uusia URL-osoitteita, jotka voivat heikentää hakukoneoptimointia ja jotta Google ja muut selaimet indeksoivat sisällön edelleen yhtenä artikkelina.

Tärkeintä on käyttää rel="next" ja rel="prev" osoitteessa osoittaaksesi Googlelle, että kyseessä on sarja.

Esimerkiksi kolmelle sivulle jaetussa viestissä, kun vierailet toisella sivulla, sinun on löydettävä tämä lähdekoodista tunnisteen sisältä

<link rel="canonical" href="https://jrmora.com/post-ejemplo/2/" />
<link rel="prev" href="https://jrmora.com/post-ejemplo/" />
<link rel="next" href="https://jrmora.com/post-ejemplo/3/" />

Joitakin näkökohtia

Ei riitä, että artikkeleita jaetaan tai että vain saadaan enemmän sivulatauksia. Sivujen lajittelussa on oltava tietty logiikka, joka perustuu luonnolliseen navigointiin. Tätä varten sinun on asetuttava kävijän asemaan tai selattava sivustoasi ikään kuin se olisi jonkun toisen verkkosivusto.

Jokaisen alasivun pitäisi toimia itsenäisenä sivuna tai ainakin sitä ennen pitäisi olla tiedot siitä, mitä siitä löytyy, ja looginen johdanto uuteen alasivuun. Sen sisällön on oltava riittävä, jotta sitä ei pidettäisi huonona tai vähäarvoisena. Google rankaisee"sisällöltään ohuesta".

Sivumäärittelyn tulisi selvästi osoittaa, että artikkeli on jaettu sivuihin. Ei ole myöskään huono asia lisätä ainakin ensimmäiselle sivulle sisällysluettelo.

Vaikka mitään "virallista" sääntöä ei olekaan, vältä liiallista sivunumerointia. Yleensä on suositeltavaa jakaa vähintään 1500/1800 sanan viestit enintään kahdelle tai kolmelle sivulle.

Jaa viesti Gutenbergin natiivin sivukatkoslohkon avulla

On olemassa erilaisia tapoja tehdä tämä liitännäisten avulla, mutta kuten tiedät, suosin mahdollisimman vähän liitännäisiä.

Gutenbergin"Page Break" -lohko on paras vaihtoehto.

Lohko lisää rel="next" ja rel="prev" ja "canonical" -tunnisteet jaetuille sivuille, mutta jos haluat varmistaa, että ne näkyvät, voit sisällyttää tämän toiminnon mallisi functions.php-tiedostoon.

// Añadir etiquetas rel="next" y rel="prev" para paginación con Bloque Page Break <!--nextpage--> o Salto de Página
function gp_add_pagination_rel_tags() {
    if (is_singular() && !is_front_page()) {
        global $page, $numpages, $post;
        
        // Solo si hay paginación
        if ($numpages > 1) {
            // Etiqueta rel="prev" (página anterior)
            if ($page > 1) {
                echo '<link rel="prev" href="' . get_permalink($post) . ($page - 1) . '/" />' . "\n";
            }
            
            // Etiqueta rel="next" (página siguiente)
            if ($page < $numpages) {
                echo '<link rel="next" href="' . get_permalink($post) . ($page + 1) . '/" />' . "\n";
            }
        }
    }
}
add_action('wp_head', 'gp_add_pagination_rel_tags');

Suunnitteluun liittyvät asiat

Ulkoasu ja sivunumeron elementit ovat erittäin tärkeitä, koska niiden avulla kävijä ymmärtää heti, että artikkeli jatkuu seuraavilla sivuilla, ja tietää, kuinka monta sivua siinä on.

2- "Page Break" -lohko näyttää hyvin yksinkertaisen ulkoasun. Se näyttää tältä:

Etsimme jotain kuvaavampaa ja visuaalisesti houkuttelevampaa.

Ensimmäinen kuva näkyy ensimmäisen sivun alareunassa ja toinen kuva seuraavilla sivuilla.

Tämä ulkoasu saavutetaan CSS:llä, joka sisältyy kokonaiskoodiin, jonka voit lisätä functions.php-tiedostoon. Voit muotoilla sen haluamallasi tavalla, ja se sopii blogisi väripalettiin ja muotoiluun.

Koodi

Tässä on nyt käyttämäni koodi.

*Se on mukautettu tarpeisiini, voit erottaa CSS:n ja muokata sitä, lisätä tai poistaa kieliä ja muuttaa tekstiä.

Vaikka koodi on tarkoitettu löytämään Polylangin käyttämät kielet, se toimii myös, jos et käytä Polylangia. Se havaitsee kielet kuitenkin vain, jos URL-osoite on seuraavanlainen: tusitio.com/en/

// 1. Eliminar paginaciones automáticas
function remove_all_auto_pagination() {
    if (function_exists('generate_do_post_pagination')) {
        remove_action('generate_after_entry_content', 'generate_do_post_pagination');
    }
    add_filter('wp_link_pages', '__return_empty_string');
}
add_action('wp', 'remove_all_auto_pagination', 5);

// 2. Función auxiliar para números de página
function generate_pagination_numbers($total_pages, $current_page, $base_url) {
    $numbers_html = '';
    for ($i = 1; $i <= $total_pages; $i++) {
        $page_url = ($i == 1) ? $base_url : $base_url . user_trailingslashit($i);
        
        if ($i == $current_page) {
            $numbers_html .= '<span class="current-page">' . $i . '</span>';
        } else {
            $numbers_html .= '<a href="' . esc_url($page_url) . '" class="pagination-link">' . $i . '</a>';
        }
    }
    return $numbers_html;
}

// 3. Paginación multilingüe completa
add_filter('the_content', function($content) {
    global $numpages, $post;
    
    if (!is_singular() || $numpages <= 1) return $content;
    
    $wp_query = $GLOBALS['wp_query'];
    $current_page = $wp_query->get('page') ?: 1;
    $base_url = trailingslashit(get_permalink());
    
    // Sistema de detección de idioma
    $language = 'en';
    $available_langs = ['en','fr','de','es','pt','ru','it','sv','da','fi','nb','el','ar','tr','zh','id','ja','ko','uk','pl','cs','sk','lt','et','ro','hu','nl','bg'];
    
    if (function_exists('pll_current_language')) {
        $detected_lang = pll_current_language();
        $language = in_array($detected_lang, $available_langs) ? $detected_lang : 'en';
    } else {
        $current_uri = esc_url_raw($_SERVER['REQUEST_URI']);
        foreach ($available_langs as $lang) {
            if (strpos($current_uri, '/'.$lang.'/') !== false) {
                $language = $lang;
                break;
            }
        }
    }
    
    // Textos completos para 28 idiomas (solo cambios en finlandés y ruso)
    $localized_texts = [
        'en' => ['Continue reading this post →', 'Pages of this post →'],
        'fr' => ['Continuer à lire cet article →', 'Pages de ce billet →'],
        'de' => ['Diesen Beitrag weiter lesen →', 'Seiten dieses Beitrags →'],
        'es' => ['Seguir leyendo este post →', 'Páginas de este post →'],
        'pt' => ['Continuar a ler esta publicación →', 'Páginas deste post →'],
        'ru' => ['Продолжить чтение →', 'Страницы этого поста →'],
        'it' => ['Continua a leggere questo post →', 'Pagine di questo post →'],
        'sv' => ['Fortsätt läsa detta inlägg →', 'Sidor i detta inlägg →'],
        'da' => ['Læs videre på dette indlæg →', 'Sider i dette indlæg →'],
        'fi' => ['Jatka lukemista →', 'Artikkelin sivut →'],
        'nb' => ['Fortsett å lese denne artikkelen →', 'Artikkelens sider →'],
        'el' => ['Συνεχίστε την ανάγνωση →', 'Σελίδες άρθρου →'],
        'ar' => ['تابع القراءة ←', 'صفحات المقال ←'],
        'tr' => ['Okumaya devam edin →', 'Yazı sayfaları →'],
        'zh' => ['继续阅读 →', '文章分页 →'],
        'id' => ['Lanjutkan membaca →', 'Halaman artikel →'],
        'ja' => ['続きを読む →', 'ページ移動 →'],
        'ko' => ['더 보기 →', 'ページ →'],
        'uk' => ['Читати далі →', 'Сторінки статті →'],
        'pl' => ['Czytaj dalej →', 'Strony artykułu →'],
        'cs' => ['Pokračovat ve čtení →', 'Stránky článku →'],
        'sk' => ['Pokračovať v čítaní →', 'Stránky článku →'],
        'lt' => ['Skaityti toliau →', 'Straipsnio puslapiai →'],
        'et' => ['Jätka lugemist →', 'Artikli leheküljed →'],
        'ro' => ['Continuă lectura →', 'Paginile articolului →'],
        'hu' => ['Tovább olvasom →', 'Cikk oldalai →'],
        'nl' => ['Lees verder →', 'Artikelpagina\'s →'],
        'bg' => ['Прочети още →', 'Страници на статията →']
    ];
    
    $text_index = ($current_page == 1) ? 0 : 1;
    $pagination_text = $localized_texts[$language][$text_index] ?? $localized_texts['en'][$text_index];
    
    // Construcción de la paginación
    $pagination_html = '<div class="custom-pagination-container">';
    $pagination_html .= '<div class="pagination-content">';
    $pagination_html .= '<span class="pagination-text">' . esc_html($pagination_text) . '</span>';
    $pagination_html .= '<div class="pagination-numbers">';
    $pagination_html .= generate_pagination_numbers($numpages, $current_page, $base_url);
    $pagination_html .= '</div></div></div>';
    
    return ($current_page > 1) ? $pagination_html . $content . $pagination_html : $content . $pagination_html;
}, 15);

// 4. CSS optimizado (sin referencias a fuentes)
add_action('wp_head', function() {
    echo '<style>
    /* Estilos base */
    .custom-pagination-container {
        margin: 25px 0;
        padding: 15px 10px;
        background: #f9f9f9;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        width: 100%;
    }

    .pagination-content {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 800px;
        margin: 0 auto;
    }

    .pagination-text {
        font-weight: 700;
        color: #333;
        margin-right: 10px;
        white-space: nowrap;
    }

    .pagination-numbers {
        display: inline-block;
    }

    .pagination-link,
    .current-page {
        display: inline-block;
        padding: 8px 12px;
        margin: 0 3px;
        border-radius: 4px;
        font-weight: 400;
        font-size: 15px;
        line-height: 1;
        box-sizing: border-box;
        transition: all 0.2s ease;
    }

    .current-page {
        background: #b40006;
        color: white;
        font-weight: 700;
    }

    .pagination-link {
        background: #f5f5f5;
        color: #333;
        text-decoration: none;
    }

    .pagination-link:hover {
        background-color: #e0e0e0;
        transform: translateY(-2px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    /* Estilos móvil */
    @media (max-width: 600px) {
        .pagination-content {
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto;
            justify-content: flex-start;
            padding-bottom: 5px;
            -webkit-overflow-scrolling: touch;
        }
        
        .pagination-text {
            font-size: 14px;
            white-space: nowrap;
            flex-shrink: 0;
        }
        
        .pagination-numbers {
            display: flex;
            flex-wrap: nowrap;
            gap: 4px;
        }
        
        .pagination-link,
        .current-page {
            padding: 6px 10px;
            min-width: 32px;
            font-size: 14px;
            margin: 0;
            flex-shrink: 0;
        }
    }
    </style>';
});