Để Tạo Sitemap Cho Trang Web Angular Thì Cần Làm Như Thế Nào?

Bạn hiểu sitemap có nghĩa là gì? Bạn muốn biết về chức năng hay cách tạo sitemap online. Bài viết này sẽ cung cấp cho bạn tất cả những điều này và cách để hỗ trợ bạn thêm về tối ưu sitemap, tiến độ của dự án SEO tăng tốc…

Sitemap website

Hiểu đơn giản thì sitemap là một tệp xml, mà tệp này sẽ chưa các url của một website. Nó cho phép quản trị viên web có thể biết để bổ sung thông tin vào mỗi url khi trang web có sự thay đổi. Bên cạnh đó, sitemap cũng giúp tra cứu thông tin và lập chỉ mục hiệu quả.

Đồng hành cùng sitemap, chúng ta cũng nên hiểu là một khái niệm liên quan, đó là RSS feeds (Real Simple Syndication), hay còn gọi là chia sẻ tin tức web đơn giản. Khác với sitemap là tập hợp các liên kết url, thì RSS feeds là phần tóm gọn nội dung của trang web, gói gọn dưới dạng một tập tin XML.

Tác dụng của Sitemap.xml

Bản chất bạn cần hiểu rằng, để tăng thứ hạng cho trang web không phải là do sitemap quyết định trực tiếp. Nó có tác dụng góp phần làm nên công cụ tìm kiếm trở lên dễ dàng hơn và thu thập các tin tức trên website một cách có hiệu quả, nhanh gọn và chuẩn xác.

Bản đồ trang web có tính năng giữ và update những sự thay đổi khi bạn triển khai trên trang web. Dễ hiểu hơn ví dụ như thêm một bài viết mới hoặc thay đổi bản đồ trang web…

Phân loại Sitemap

Hiện tại có 2 loại sitemap chính, đó là XML và HTML

XML Sitemaps

XML sitemaps (eXtensible Markup Language sitemap): Đây là sitemap giúp liên kết các dữ liệu dễ dàng giữa các bộ máy với nhau.

Các dạng XML sitemap mẫu của website:

• Sitemap Index: tổng hợp các sitemap được sử dụng và đính kèm để đặt trong file robots.txt
• Sitemap-category.xml: cấu trúc của các danh mục trên website Sitemap-products.xml: bản đồ trang web dành cho các liên kết cụ thể về các sản phẩm trên trang web
• Sitemap-articles.xml: tập hợp các link bài viết của website
• Sitemap-tags.xml: sơ đồ trang web dành cho các thẻ trên trang web
• Sitemap-video.xml: sitemap dành riêng cho video trên trang web
• Sitemap-image.xml: Giúp Google tìm thấy tất cả những hình ảnh mà trang website của bạn lưu trữ lại

HTML Sitemaps

HTML sitemap là nơi chứa tổng hợp các đường dẫn của một trang web, nó có thể là nhiều vấn đề bên trong mà bạn có thể hiểu rõ và chi tiết nhất trong lớp học seo tại Light. Về cơ bản nó giúp cho người dùng tìm kiếm thứ mà họ cần hiệu quả mà lại nhanh và chuẩn xác nhất.

Sitemap XML quan trọng đối với SEO như thế nào?

Google luôn luôn xếp hạng những trang web và dựa trên mức độ mà nội dung có liên quan đến các từ khóa cụ thể như thế nào. Giả sử như chỉ sử dụng HTML thì nó gồm nhiều tệp đa phương tiện như các bài blogs hoặc video… sẽ rất khó SEO. Còn sitemap XML sẽ thu thập thông tin và lập chỉ mục khi tìm kiếm để cho ra kết quả đầy đủ và chính xác nhất. Bên cạnh đó, nó cũng gửi các thông báo khi cập nhật nội dung mới bằng cách thêm tệp robots.txt.

Để đảm bảo hiệu quả tối ưu khi sử dụng sitemap XML là nên cập nhật web mỗi ngày một lần. Sau đó thì Google có thể ghi nhận những thay đổi đó và phản ánh chuẩn xác nhất khi tìm kiếm các trang.

Tổng hợp lại, sitemap rất quan trọng trong quá trình nâng cao thứ hạng của trang web. Nếu hiệu quả thì khi đó trang web sẽ được hiển thị cho một lượng rất lớn người dùng trên internet, từ đó traffic cũng sẽ cao hơn. Chính vì vậy mà điều này có lợi cho cả người tạo web cũng như người tìm kiếm thông tin.

Khi người dùng tìm kiếm được hiển thị ra thông tin về các website phù hợp nhất với mục tiêu tìm kiến một cách nhanh nhất. Tất cả đều do việc tổng hợp thông tin sau khi thu thập và index website được tiến hàng bởi các trình thu nhập tin tức của công cụ tìm kiếm. Và để làm được vậy, tạo một sitemap hiệu quả và hợp lý sẽ giúp SEO đi tới được mục tiêu cao hơn.

Làm thế nào tạo sitemap cho trang web Angular

Thông thường khi mà khởi tạo sitemap file thì sẽ có nhiều bên thứ 3 sẽ hỗ trợ cho nhà quản trị web từ đó cập nhật lên để bạn có thể tạo một sitemap cho website một cách dễ dàng nhưng có nhược điểm là nó giới hạn độ lớn của website. Nghĩa là bạn chỉ có thể tạo được sitemap tối đa dựa trên liên kết bài viết và tức là khi bạn thêm bài viết mới thì sẽ không tự động cập nhật lên sitemap và khá bất tiện cho người dùng.

Một sitemap tự động được lập trình để sau đó bạn có thể thêm bất kỳ đường link hay tùy chỉnh nó một cách dễ dàng là điều thuận tiện nhất cho người dùng.

Trong nội dung dưới đây Light sẽ hướng dẫn bạn sử dụng thư viện Laravel-sitemap của Rounmen Damianoff (https://github.com/RoumenDamianoff/laravel-sitemap) để khởi tạo sitemap cho trang web Angular

A. Cài đặt thư viện

1. Bạn mở terminal lên chạy lệnh sau:

composer require roumen/sitemap

hoặc là add bằng tay vào file composer.json đoạn mã sau: "roumen/sitemap": "2.6.*"

2. Chạy composer update nếu add vào file json bằng tay.
3. Add vào service Provider dòng sau: Roumen\Sitemap\SitemapServiceProvider::class,
4. Chạy lệnh php artisan vendor:publish --provider="Roumen\Sitemap\SitemapServiceProvider" để pubic những file config.

Như vậy chúng ra đã cài đặt xong thư viện, tiếp ra sẽ tạo 1 command để có thể đặt lịch chạy cho job này.

B: Tạo command

1. Đầu tiên bạn chạy lệnh sau trong terminal: php artisan make:console CreateSiteMap --command=sitemap:create lệnh này sẽ tạo ra 1 file là CreateSiteMap.php trong thư mục app/console/commands có nội dung như sau:

<?php

namespace App\Console\Commands;

use Illuminate\Console\Command;

class CreateSiteMap extends Command

{

    /**

     * The name and signature of the console command.

     *

     * @var string

     */

    protected $signature = 'sitemap:create';

 

    /**

     * The console command description.

     *

     * @var string

     */

    protected $description = 'Command description';

    /**

     * Create a new command instance.

     *

     * @return void

     */

    public function __construct()

    {

        parent::__construct();

    }

    /**

     * Execute the console command.

     *

     * @return mixed

     */

    public function handle()

    {

        //

    }

}

2. Hàm handle sẽ được viết lại thư sau:

$sitemap = \App::make('sitemap');

// add home pages mặc định

$sitemap->add(URL::to('/'), Carbon::now(), '1.0', 'daily');

// add bài viết

$posts = \DB::table('posts')

        ->orderBy('created_at', 'desc')

        ->get();

foreach ($posts as $post) {

        $sitemap->add(route('post.detail', [$post->slug]), $post->created_at, '0.6', 'daily');

}

// lưu file và phân quyền

$sitemap->store('xml', 'sitemap');

if (File::exists(public_path() . '/sitemap.xml')) {

        chmod(public_path() . '/sitemap.xml', 0777);

}

3. Edit file.env trong thư mục gốc và config APP_URL nếu chưa config - đây là config link website của bạn.
4. Trong thư mục của project của bạn chạy lệnh sau: php artisan sitemap:create.
5. Gõ trên trình duyệt yourdomain.com/sitemap.xml nếu thấy xuất hiện thế này tức là bạn đã thành công.

Như vậy là bạn đã hoàn thành quá trình khởi tạo sitemap bằng mã code tự động và có thể cập nhật hàng tuần nếu bạn muốn.