Kaip suskirstyti ilgus "WordPress" įrašus į puslapius nedarant įtakos SEO

Kai pradėjau rašyti tinklaraštį, nesivadovavau jokiomis SEO, optimizavimo ar kitomis taisyklėmis. Tiesiog rašiau ir viskas. Dėl to sukaupiau tūkstančius neoptimizuotų paveikslėlių ir šimtus ilgų, labai ilgų straipsnių.

Tada toliau skelbiau kitus ilgus straipsnius, kuriuos pakankamai optimizavau. Taigi, iki šiol yra apie 100 straipsnių, kuriuose yra daugiau nei 1500 žodžių, ir kelios dešimtys straipsnių, kuriuose yra daugiau nei 3500 žodžių. Ir daug kitų, kurių žodžių skaičius viršija 1000 žodžių.

Nemažai šių tekstų yra vadinamieji"amžinai žali" arba nesenstantys straipsniai. Kadangi jie yra išbaigtesni nei tipiškas greitas įrašas, paprastai tai yra nuorodos, kurios yra geriau vertinamos ir sulaukia daugiau nuolatinio organinio srauto. Tai gera žinia, bloga žinia ta, kad jie taip pat buvo blogiausiai įkeliami įrašai, dėl kurių gaunami blogi rodikliai, nes "Google" apdoroja URL pagal grupes.

Ir tai reikėjo ištaisyti dėl daugelio priežasčių.

Kodėl reikia skaidyti ilgus įrašus?

Pagrindinė priežastis, kodėl patartina ilgus įrašus suskirstyti į puslapius, yra ta, kad būtų sumažinta apkrova, ypač tų, kuriuose yra daug paveikslėlių ir (arba) vaizdo įrašų ir kitų elementų.

Be būtino krovimo greičio pagerinimo, tai padidins galimybes pasiekti geresnę poziciją arba bent jau ją išlaikyti, taip pat padidins lankytojų praleidžiamą laiką ir aplankytų puslapių skaičių per sesiją, nes sumažins atmetimo rodiklį.

Tačiau reikia nepamiršti kelių dalykų. Išlaikykite originalų URL, kad nesukurtumėte naujų URL, kurie gali susilpninti SEO, ir kad "Google" ir kitos naršyklės toliau indeksuotų turinį kaip vieną straipsnį.

Svarbiausia svetainėje naudoti rel="next" ir rel="prev", kad "Google" žinotų, jog tai yra serija.

Pavyzdžiui, į tris puslapius suskirstytame pranešime, apsilankę antrame puslapyje, turėsite rasti tai pradiniame kode, esančiame žyma

<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/" />

Keletas aspektų

Neužtenka tik padalyti straipsnius ar tiesiog gauti daugiau peržiūrų. Puslapių išdėstymas turi turėti tam tikrą logiką, pagrįstą natūralia navigacija. Tam turite atsidurti lankytojo vietoje arba naršyti savo svetainę taip, tarsi tai būtų kito asmens svetainė.

Kiekvienas poskyris turėtų veikti kaip atskiras puslapis arba bent jau prieš jį turėtų būti pateikta informacija apie tai, ką jame rasite, ir logiška įžanga į naująjį poskyrį. Jame turi būti pakankamai turinio, kad jis nebūtų laikomas menkaverčiu ar mažai vertingu. Už"ploną turinį" "Google" baudžia.

Puslapių žymėjimas turi aiškiai rodyti, kad straipsnis suskirstytas į puslapius. Taip pat neblogai būtų bent jau pirmajame puslapyje pridėti turinį.

Nors nėra "oficialios" taisyklės, venkite pernelyg didelio puslapių skaičiaus. Paprastai 1500/1800 žodžių ar daugiau pranešimų patartina suskirstyti ne daugiau kaip į du ar tris puslapius.

Padalykite pranešimą su "Gutenberg" gimtuoju puslapio pertraukos bloku

Yra įvairių būdų, kaip tai padaryti naudojant įskiepius, tačiau, kaip žinote, aš renkuosi naudoti kuo mažiau įskiepių.

Gutenbergo"Page Break" blokas yra geriausias pasirinkimas.

Blokas prideda rel="next" ir rel="prev" bei "canonical" žymas į padalytus puslapius, bet jei norite užtikrinti, kad jos būtų rodomos, šią funkciją galite įtraukti į šablono functions.php failą.

// 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');

Dizainas yra svarbus

Puslapių žymėjimo išvaizda ir elementai yra labai svarbūs, nes jie leidžia lankytojui iš karto suprasti, kad straipsnis tęsiamas kituose puslapiuose, ir sužinoti, kiek puslapių jį sudaro.

2 - "Puslapio pertraukos" bloke rodomas labai paprastas išdėstymas. Jis atrodo taip:

Ieškome kažko labiau aprašomojo ir vizualiai patrauklesnio.

Pirmasis paveikslėlis bus rodomas pirmojo puslapio apačioje, o antrasis - kituose puslapiuose.

Tokia išvaizda pasiekiama naudojant CSS, kuris yra įtrauktas į bendrą kodą, kurį galite pridėti prie savo functions.php. Jį galite išdėstyti taip, kaip jums patinka, ir jis atitinka jūsų tinklaraščio spalvų paletę ir dizainą.

Kodas

Štai kodas, kurį dabar naudoju.

* Jis pritaikytas mano poreikiams, galite atskirti CSS ir jį pakeisti, pridėti arba pašalinti kalbas ir pakeisti tekstą.

Nors kodas skirtas " Polylang" naudojamoms kalboms rasti, jis veiks ir tada, jei nenaudojate "Polylang". Tačiau jis aptiks kalbas tik tuo atveju, jei URL turi tokią struktūrą: 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>';
});