Kuidas jagada pikad WordPressi postitused lehekülgedeks ilma SEO-d mõjutamata

Kui ma alustasin blogimisega, ei järginud ma mingeid SEO- või optimeerimisreegleid ega midagi muud. Ma lihtsalt postitasin ja see oli kõik. See põhjustas selle, et mul kogunesid tuhanded optimeerimata pildid ja sajad pikad, väga pikad artiklid.

Seejärel jätkasin teiste pikkade artiklite avaldamist, mida optimeerisin piisavalt. Nii et tänaseks on umbes 100 artiklit üle 1500 sõnaga, mitu kümnendit üle 3500 sõnaga. Ja paljud teised rohkem kui 1000 sõnaga.

Üsna paljud neist tekstidest on nnigihaljad või ajatud artiklid. Kuna need on terviklikumad tekstid kui tüüpiline kiire postitus, on need tavaliselt lingid, mis reastuvad paremini ja saavad rohkem pidevat orgaanilist liiklust. See on hea uudis, halb uudis on see, et need olid ka need postitused, mis laadisid kõige halvemini ja mis andsid halbu näitajaid, sest Google töötleb URL-i gruppide kaupa.

Ja see tuli mitmel põhjusel parandada.

Miks jagada pikad postitused?

Peamine põhjus, miks on soovitav pikad postitused lehekülgedeks jagada, on koormuse kergendamine, eriti need, mis sisaldavad palju pilte ja/või videoid ja muid elemente.

Lisaks laadimiskiiruse vajalikule paranemisele suurendab see võimalusi parema positsiooni saavutamiseks või vähemalt selle säilitamiseks ning suurendab külastajate poolt veedetud aega ja külastatavate lehekülgede arvu sessiooni kohta, vähendades põrgatuste arvu.

Siiski on mõned asjad, mida tuleb meeles pidada. Hoidke algne URL, et mitte luua uusi URL-e, mis võivad lahjendada SEO-d ja et Google ja teised brauserid jätkaksid sisu indekseerimist ühe artikelina.

Kõige olulisem on kasutada veebilehtedel rel="next" ja rel="prev", et näidata Google'ile, et tegemist on sarjaga.

Näiteks kolmeks leheküljeks jaotatud postituses, kui külastate teist lehekülge, peate te leidma selle lähtekoodis tagi sees oleva sildi

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

Mõned kaalutlused

Ei piisa lihtsalt artiklite jagamisest või lihtsalt sellest, et saada rohkem lehevaatamisi. Lehekülgede liigendamisel peab olema teatud loogika, mis põhineb loomulikul navigeerimisel. Selleks tuleb panna end külastaja olukorda või sirvida oma veebilehte nii, nagu oleks see kellegi teise veebileht.

Iga alamleht peaks toimima iseseisva leheküljena või vähemalt peaks sellele eelnema teave selle kohta, mida sellel lehel leiate, ja loogiline sissejuhatus uuele alamlehele. Sellel peab olema piisavalt sisu, et seda ei peetaks kehvaks või väheväärtuslikuks. Google karistab"õhukese sisu" eest.

Lehekülgede loetelu peaks selgelt näitama, et artikkel on jagatud lehekülgedeks. Samuti ei ole paha lisada vähemalt esimesele leheküljele sisukord.

Kuigi "ametlikku" reeglit ei ole, vältige liigset lehekülgede arvu. Üldiselt on soovitatav jagada 1500/1800 või rohkem sõna sisaldavad postitused maksimaalselt kaheks või kolmeks leheküljeks.

Jagatud postitus Gutenbergi emakeelse lehepausiblokiga

On erinevaid viise, kuidas seda pluginate abil teha, kuid nagu te teate, eelistan ma võimalikult väheste pluginate kasutamist.

Gutenbergi"Page Break" plokk on parim valik.

Blokk lisab jagatud lehekülgedele rel="next" ja rel="prev" ning "canonical" sildid, kuid kui soovite veenduda, et need kuvatakse, võite lisada selle funktsiooni oma malli faili functions.php.

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

Disaini küsimused

Lehekülje välimus ja elemendid on väga olulised, sest need võimaldavad külastajal kohe aru saada, et artikkel jätkub järgmistel lehekülgedel, ja teada saada, mitmest leheküljest see koosneb.

2- Plokk "Page Break" näitab väga lihtsat kujundust. See näeb välja selline:

Ja me otsime midagi kirjeldavamat ja visuaalselt atraktiivsemat.

Esimene pilt on see, mida näidatakse esimese lehekülje allosas ja teine pilt järgmistel lehekülgedel.

See välimus saavutatakse CSS-i abil, mis sisaldub kogu koodis, mida saate lisada oma functions.php'sse. Saate selle kujundada nii, nagu soovite, ja see sobib teie blogi värvipaleti ja kujundusega.

Kood

Siin on kood, mida ma praegu kasutan.

*See on kohandatud minu vajadustele, saate CSS-i eraldada ja seda muuta, lisada või eemaldada keeli ja muuta teksti.

Kuigi kood on mõeldud Polylangi poolt kasutatavate keelte leidmiseks, töötab see ka siis, kui te ei kasuta Polylangi. Siiski tuvastab see keeled ainult siis, kui URL on sellise struktuuriga: 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>';
});