Sitemap HTML cho WordPress: Không chỉ tốt cho SEO, mà còn hữu ích cho người dùng!
Sitemap HTML cho WordPress – khác với XML Sitemap – thường được nhắc đến như một công cụ hữu ích cho SEO, đặc biệt là với Bing. Tuy nhiên, ít ai biết rằng lợi ích thực sự của nó nằm ở trải nghiệm người dùng.
Nhiều người dùng thực sự yêu thích sitemap HTML. Họ đánh giá cao sự tiện lợi khi có thể dễ dàng điều hướng và tìm thấy thông tin mình cần trên website của bạn.
Có rất nhiều plugin hỗ trợ tạo sitemap HTML cho WordPress. Tuy nhiên, plugin WordPress SEO của Yoast hiện tại vẫn chưa tích hợp tính năng này.
Lý do là bởi hầu hết mọi người đều muốn tùy chỉnh sitemap của họ theo ý muốn, như thêm/bỏ trang/loại bài viết, hiển thị các phân loại cụ thể, v.v…
Vì vậy, thay vì sử dụng plugin, tôi khuyên bạn nên tạo một mẫu trang Sitemap Page trong theme của mình.
Cụ thể hơn, hãy sử dụng theme partial, cho phép bạn tái sử dụng mẫu sitemap HTML trên các trang lỗi 404 của WordPress.
![Sitemap HTML cho WordPress: Không chỉ tốt cho SEO, mà còn hữu ích cho người dùng! 5 Sitemap-HTML-cho-WordPress-Khong-chi-tot-cho-SEO-ma-con-huu-ich-cho-nguoi-dung](https://congtyannhien.com/wp-content/uploads/2024/05/sitemap-html-cho-wordpress-1.jpg)
Sitemap HTML cho WordPress – để thực hiện, hãy làm theo các bước sau:
Bước 1: Tạo thư mục “partials” trong thư mục theme của bạn.
Bước 2: Trong thư mục “partials”, tạo tệp có tên “sitemap.php”.
Bước 3: Dán đoạn mã sau vào tệp đó và điều chỉnh cho phù hợp với trang web của bạn:
<h2>Authors</h2>
<ul>
<?php wp_list_authors( array(
‘exclude_admin’ => false
) ); ?>
</ul>
<h2>Pages</h2>
<ul>
<?php
wp_list_pages( array(
‘exclude’ => ”,
‘title_li’ => ”,
) ); ?>
</ul>
<h2>Posts</h2>
<?php
$cats = get_categories(‘exclude=’);
foreach ($cats as $cat) {
echo ‘<h3>’ . $cat->cat_name . ‘</h3>’;
echo ‘<ul>’;
query_posts(‘posts_per_page=-1&cat=’ . $cat->cat_ID);
while(have_posts()) {
the_post();
$category = get_the_category();
if ($category[0]->cat_ID == $cat->cat_ID) {
echo ‘<li><a href=”‘ . get_permalink() . ‘”>’ . get_the_title() . ‘</a></li>’;
}
}
echo ‘</ul>’;
}
PHP
Bước 4: Bất cứ khi nào bạn cần sử dụng “sitemap HTML” trong theme WordPress của mình, hãy sử dụng đoạn mã sau:
<?php get_template_part(‘/partials/sitemap’); ?>
PHP
![Sitemap HTML cho WordPress: Không chỉ tốt cho SEO, mà còn hữu ích cho người dùng! 6 Sitemap-HTML-cho-WordPress-Khong-chi-tot-cho-SEO-ma-con-huu-ich-cho-nguoi-dung](https://congtyannhien.com/wp-content/uploads/2024/05/sitemap-html-cho-wordpress-2.jpg)
Tạo Mẫu Trang Sitemap HTML trong WordPress
Bạn có thể sử dụng đoạn mã trên để tạo mẫu trang sitemap. Để thực hiện, hãy sao chép tệp page.php của bạn và đổi tên thành page-sitemap.php. Sau đó mở tệp này và thêm đoạn mã get_template_part() đã đề cập ở trên, ngay bên dưới dòng gọi the_content();.
Tiếp theo, trên dòng đầu tiên của tệp, sau thẻ mở <?php (nhưng trước get_header()), hãy thêm dòng chú thích sau:
![Sitemap HTML cho WordPress: Không chỉ tốt cho SEO, mà còn hữu ích cho người dùng! 7 Sitemap-HTML-cho-WordPress-Khong-chi-tot-cho-SEO-ma-con-huu-ich-cho-nguoi-dung](https://congtyannhien.com/wp-content/uploads/2024/05/sitemap-html-cho-wordpress-3.png)
Template Name: Sitemap Page
PHP
Dòng chú thích này sẽ giúp WordPress nhận diện tệp này là một mẫu Sitemap HTML. Nhờ đó, bạn có thể viết một đoạn giới thiệu cho sitemap HTML của mình, sau đó hiển thị toàn bộ sitemap.
Thêm Loại Bài đăng Tùy chỉnh vào Sitemap HTML
Cập nhật: Nếu bạn muốn thêm loại bài đăng tùy chỉnh vào sitemap HTML, hãy thêm đoạn mã sau bên dưới đoạn mã trước đó:
<?php
foreach( get_post_types( array(‘public’ => true) ) as $post_type ) {
if ( in_array( $post_type, array(‘post’,’page’,’attachment’) ) ) {
continue;
}
$pt = get_post_type_object( $post_type );
echo ‘<h2>’ . $pt->labels->name . ‘</h2>’;
echo ‘<ul>’;
query_posts(‘post_type=’ . $post_type . ‘&posts_per_page=-1’);
while( have_posts() ) {
the_post();
echo ‘<li><a href=”‘ . get_permalink() . ‘”>’ . get_the_title() . ‘</a></li>’;
}
echo ‘</ul>’;
}
?>
![Sitemap HTML cho WordPress: Không chỉ tốt cho SEO, mà còn hữu ích cho người dùng! 8 Sitemap-HTML-cho-WordPress-Khong-chi-tot-cho-SEO-ma-con-huu-ich-cho-nguoi-dung](https://congtyannhien.com/wp-content/uploads/2024/05/sitemap-html-cho-wordpress-4.jpg)
Xem Thêm: Trở thành chuyên gia SEO: 4 bí kíp để website bạn thống trị bảng xếp hạng