Comment écrire un article de blog optimisé pour le SEO

				
					<?php

function ajouter_ids_aux_h2($content) {
    if (!is_single() || is_admin()) {
        return $content;
    }
    
    $pattern = '/<h2(.*?)>(.*?)<\/h2>/is';
    
    $content = preg_replace_callback($pattern, function($matches) {
        $titre = trim(strip_tags($matches[2]));
        $id = sanitize_title($titre);
        
        $attributs = preg_replace('/id="[^"]*"/i', '', $matches[1]);
        
        return sprintf('<h2%s id="%s">%s</h2>', $attributs, $id, $matches[2]);
    }, $content);

    return $content;
}
add_filter('the_content', 'ajouter_ids_aux_h2', 99);

function creer_shortcode_sommaire() {
    if (!is_single()) {
        return '';
    }
    
    global $post;
    $content = $post->post_content;
    
    $pattern = '/<h2[^>]*>(.*?)<\/h2>/is';
    preg_match_all($pattern, $content, $matches);
    
    if (empty($matches[1])) {
        return ''; 
    }
    
    $sommaire = '<div class="sommaire-personnalise">';
    $sommaire .= '<p class="sommaire-titre"><strong>Sommaire</strong></p>';
    $sommaire .= '<ul>';
    
    foreach ($matches[1] as $titre_html) {
        $titre = trim(strip_tags($titre_html));
        $id = sanitize_title($titre);
        
        if (!empty($id)) {
            $sommaire .= sprintf('<li><a href="#%s">%s</a></li>', $id, $titre);
        }
    }
    
    $sommaire .= '</ul></div>';
    
    $sommaire .= '
    <style>
        html { scroll-behavior: smooth; }
        
        h2[id] { scroll-margin-top: 100px; }
        
        .sommaire-personnalise { 
            background-color: transparent; 
            box-shadow: none; 
            padding: 10px 0; 
            margin-bottom: 25px; 
        }
        .sommaire-personnalise .sommaire-titre {
            margin-top: 0;
            font-size: 1.2em;
            color: #ffffff; 
        }
        .sommaire-personnalise ul { 
            list-style-type: none; 
            padding-left: 0; 
            margin: 0;
        }
        .sommaire-personnalise li { 
            margin-bottom: 12px; 
            font-size: 0.95em;
            line-height: 1.4;
        }
        .sommaire-personnalise a { 
            text-decoration: none; 
            color: #ffffff; 
            transition: all 0.3s ease; 
        }
        .sommaire-personnalise a:hover { 
            color: #ffffff; 
            text-decoration: underline; 
            text-decoration-color: #ffffff; 
            text-decoration-thickness: 2px; 
            text-underline-offset: 4px; 
        }
    </style>';
    
    return $sommaire;
}
add_shortcode('mon_sommaire', 'creer_shortcode_sommaire');

function afficher_derniers_articles_shortcode() {
    $args = array(
        'post_type'      => 'post',
        'posts_per_page' => 3,
        'post_status'    => 'publish',
    );

    $query = new WP_Query( $args );
    ob_start();

    if ( $query->have_posts() ) :
        echo '<div class="mes-derniers-articles" style="display: flex; flex-direction: column; gap: 20px;">';

        while ( $query->have_posts() ) : $query->the_post();
            
            $titre = get_the_title();
            $limite_caracteres = 60;
            
            if ( mb_strlen( $titre ) > $limite_caracteres ) {
                $titre = mb_substr( $titre, 0, $limite_caracteres ) . '...';
            }
            ?>
            <div class="article-carte" style="transition: transform 0.2s;">
                <a href="<?php the_permalink(); ?>" style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 15px;">
                    
                    <?php if ( has_post_thumbnail() ) : ?>
                        <div class="article-image" style="flex-shrink: 0;">
                            <?php the_post_thumbnail( 
                                array( 80, 80 ), 
                                array( 'style' => 'width: 80px; height: 80px; object-fit: cover; display: block; border-radius: 4px;' ) 
                            ); ?>
                        </div>
                    <?php endif; ?>
                    
                    <div class="article-titre" style="flex: 1;">
                        <h3 style="margin: 0; font-size: 15px; font-weight: normal; text-align: left; text-decoration: underline; line-height: 1.3; color: white;">
                            <?php echo esc_html( $titre ); ?>
                        </h3>
                    </div>
                    
                </a>
            </div>
            <?php
        endwhile;

        echo '</div>';
        wp_reset_postdata(); 
        
    else :
        echo '<p>Aucun article trouvé.</p>';
    endif;

    return ob_get_clean();
}
add_shortcode( 'derniers_articles', 'afficher_derniers_articles_shortcode' );