Hướng dẫn tạo sitemap chuyên nghiệp đẹp nhất cho Blogspot

Cập nhật ngày 23/07/2024 Bởi Legend Phim

Sitemap (sơ đồ) một từ ngữ không quá xa lạ. Nhưng các bạn phải phân biết cho rõ nhé Sitemap mà các bạn gửi lên Google webmasters hay Bing webmaster …

Các Sơ đồ đó có nhiệm vụ "khai báo" với các công cụ tìm kiếm những thông tin chứa trong đó. Như vậy, sẽ giúp cho blog SEO (tối ưu tìm kiếm) tốt hơn. Khi các công cụ tìm kiếm "quét" qua Blog, tiêu điểm sẽ là sơ đồ blog. <Bộ máy tìm kiếm>

Hướng dẫn tạo sitemap chuyên nghiệp đẹp nhất cho Blogspot

Tóm tại Sitemap (sơ đồ) là một tiện vô cùng quan trọng là một giải pháp vời của một Blogger … Nó không khác gì một cuốn sách có MỤC LỤC, MỤC LỤC sẽ nói lên toàn bộ nội dùng của cuốn sách đó, người sẽ quyết định có ĐỌC hay là KHÔNG ĐỌC.

Vậy việc tạo 1 Sitemap (sơ đồ) chuyện nghiệp là một điều vô cùng quan trọng và hôm nay Windows2it sẽ giúp bạn là đều đó @! Ở bài viết này Windows2it sẽ đưa ra 2 phong cách cho các bạn lựa chọn.

☼ Cách tiến hành:

Code theo phong cách 1:

<br />
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="http://m.yingvn.com/" style="display: block; font: normal bold 8px Arial,Sans-Serif; margin: 10px; text-align: right; text-decoration: none;" title="Tabbed TOC">Blogging Tips and Tricks</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://m.yingvn.com/", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "https://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="https://cdn.rawgit.com/quangmen93/Javhay.org/master/sitemap.JS" type="text/javascript"></script>

Code theo phong cách 2:

☼ Tùy chỉnh

Thay Windows2it.com thành tên miền của bạn
max-results=9999 or maxResults: 99999 kết quả bạn muốn nó xuất hiện <ở đây là 9999 kết quả>
Còn mấy tùy chỉnh khác thì mình không cần nhắc tới <nó quá dễ đối với các bạn>

☼ Kết luận

Sử dụng 1 đoạn HTML, 1 đoạn CSS và 1 đoạn JS mở => khả năng tùy biến rất cao và linh hoạt.
2 phong cách trên mình đều để Demo trực tiếp trong bài cho các bạn tham khảo luôn
Ở 2 phong cách trên mình đã gộp cả 3 đoạn HTML, CSS và JS chỉ thực hiện trực tiếp trên 1 trạng chuyên biệt không cần phải chỉnh sửa template New!

Chúc bạn thành công :)

Hướng dẫn tạo sitemap chuyên nghiệp đẹp nhất cho Blogspot

Hướng dẫn tạo sitemap chuyên nghiệp đẹp nhất cho Blogspot

Sitemap (sơ đồ) một từ ngữ không quá xa lạ. Nhưng các bạn phải phân biết cho rõ nhé Sitemap mà các bạn gửi lên Google webmasters hay Bing webmaster …

Comments

Post a Comment

Liên quan