Chuyên mục
Tips

Chèn thẻ h1 trong wordpress vào trang homepage…

Việc thêm thẻ h1 vào trang chủ wordpress giúp việc seo homepage của các site làm từ core wp trở nên dễ dàng hơn, trong bài viết này mình sẽ chỉ các bạn cách chèn thẻ h1 trong wordpress nếu bất kì một loại trang nào đó thiếu thẻ này.

Xem thêm thủ thuật wordpress hay.

Thêm thẻ H1 vào trang chủ wordpress

Bạn đang tìm cách chèn chỉ một thẻ H1 cho trang homepage WordPress? Mình sẽ chỉ bạn cách chèn một đoạn mã nhanh và ngắn để sử dụng để thêm tiêu đề trang H1 trong trang chủ blog/web.

Các bạn chỉ dùng 1 trong 2 code sau để chèn thẻ h1 trong wordpress homepage thôi nhé!

Tìm file functions.php và chèn đoạn code này:

add_action( 'wp_head', function() {
    if ( ! is_home() ) {
        return;
    }
    ?>
        <div id="theh1"><h1>WordPress Việt Nam</h1></div>
    <?php
} );

Hoặc tìm file header.php và chèn đoạn code này vào sau thẻ mở <body>:

<?php if( is_home() || is_front_page() ) : ?>
  <div id="theh1"><h1>WordPress Việt Nam</h1></div>
<?php endif; ?>

Nếu các bạn chỉ muốn thẻ H1 không hiển thị ra front end homepage thì các bạn chỉ cần dùng css ẩn nó đi là xong

#theh1 {
    display: none;
}

Chèn h1 tag vào một bài viết

Để chèn H1 vào trong nội dung một bài viết của wordpress thì rất dễ dàng.

Bạn có thể thực hiện thêm thẻ h1 trong wordpress với bất kì trình soạn thảo văn bản nào như: Visual classic editor, TinyMCE , Gutenberg, Elementor Page Builder…

Các bạn chỉ cần chọn dòng văn bản cần đánh dấu thẻ H1, xong đó nhấn vào biểu tượng Change block type or style như hình bên dưới.

Chọn tiếp Heading và chọn thẻ H1 trong thanh công cụ hiện lên:

Chèn thẻ H1 trong bài viết sử dụng Gutenberg

Còn nếu bạn cần thay đổi thẻ tiêu đề bài viết từ H2 thành H1 để giao diện chuẩn seo hơn thì sẽ phức tạp hơn vì tùy vào từng them mà đoạn code sẽ khác nhau. Tuy nhiên một số giao diện trả phí sẽ có sẵn đoạn Code Snippets ngắn giúp bạn thay đổi linh hoạt mấy cái thẻ Tag này một cách dễ dàng.

Tự động thêm Thẻ H1 vào chuyên mục và tag

Code chèn vào function.php. Tham khảo từ Adding a H1 Tag to Post Tags automatically, but hide the tag? (Same for Category) – Stackexchange

function hidden_term_name_action() {

    if( is_category() || is_tag() ){

        $term_id = get_queried_object_id();
        $term = get_term($term_id);
        if($term){
            echo sprintf('<h1 style="display:none;">%s</h1>', esc_attr($term->name));
        }
    }

}

add_action('hidden_term_name', 'hidden_term_name_action');

Để hoàn thành, chèn tiếp code phía dưới vào tệp tin header.php

<?php do_action('hidden_term_name'); ?>

Với giải pháp bên trên sẽ giúp cho tất cả các danh mục của trang blog, website làm từ wp tự tạo một thẻ H1 vào mã nguồn để giúp các con BOT đọc.

Có rất nhiều cách giúp bạn chèn thẻ h1 trong wordpress vào trang homepage, post, category, tag… Hãy sử dụng cách tối ưu nhất giúp tránh mất thì giờ. Nếu bạn code lại các thẻ H1 trực tiếp trong file hãy tạo một them con và copy các file này sang để tránh việc dữ liệu bị mất đi khi update theme.

SUBSCRIBE TO OUR NEWSLETTER
Minh Khánh

Xin chào các bạn thân yêu! Tôi là - một người thích dùng nền tảng wp để viết blog. Trong wp tôi thích Speed Optimization, SEO, Blocks gutenberg, Accelerated Mobile Pages, Magazine themes. Ở đây tôi chia sẻ những gì mình biết và mình thích!