Trong bài viết này Luviet sẽ giải thích rõ cho bạn tầm quan trọng của thẻ H1 trên website và các đưa nó vào website wordpress mà không cần dùng phần mềm hay plugin nào cả.

Thẻ Heading là gì?

Thẻ heading là thẻ tiêu đề, chúng ta có thể gọi thẻ H dùng để khái quát những nội dung chính của một phần của nội dung văn bản trang web. Trong tiếng Anh gọi là Heading Tag để mô tả loại thẻ này.

Có bao nhiêu thẻ heading?

Trong seo website thì các thẻ heading được bố trí với theo thứ tự quan trọng từ H1, H2, H3, H4, H5, H6.

Thẻ Heading 1: Là thẻ quan trọng nhất, nó có nhiệm vụ mô tả tiêu đề của một trang web. Cho nên bắt buộc chúng ta phải bố trí thẻ H1 là tiêu đề trang web, nó sẽ giúp từ khóa cần seo sẽ được các bộ máy tìm kiếm dễ dàng index nó vào bộ nhớ.

Các thẻ H2, H3, H4, H5 sẽ được bố trí nằm trong các thẻ có vị trí cao hơn.

Ví dụ:

H1

H2

H3

H3

H3

H2

H2

Để giúp bạn thêm thẻ H1 vào Logo ở trang chủ và không có thẻ H1 ở các trang con thì chúng ta làm như sau:

Truy cập quản trị hosting, tìm đến file có đường dẫn trong Filemanager

/public_html/wp-content/themes/flatsome/template-parts/header/partials/element-logo.php

Bấm sửa file và tìm đến đoạn

Header Logo

Thêm đoạn code sau: trước thẻ “a”

Và thêm đoạn code sau thẻ đóng “/a”

Lưu file lại và nhớ xóa cache nhé

Reload website và kiểm tra kết quả là thẻ H1 xuất hiện trên logo khi ở trang chủ và không có thẻ h1 khi ở các trang hoặc bài đăng sản phẩm.

Làm thế nào để tạo ra một link hiển thị kiểu button có icon bên cạnh để làm rõ hơn nội dung mà link muốn truyền tải?

Trong video này tôi chia sẻ bạn cách tư duy để tạo ra một một nút bấm link icon button chất lượng.

Video hướng dẫn tạo Link Icon Button với Html Css

Mã code tạo Link Icon Button

Bên dưới là full mã code tạo button messenger và youtube. Trước hết bạn hãy tự thực hành để xem mình đang yếu ở chổ nào.

Nếu có đoạn nào chưa ổn thì bạn có thể xem code mẫu để chỉnh lại cho chuẩn nhất.

    
Tạo link icon button css
    

        
            
                
            
            
                Chat ngay
            
        
        
            
                
            
            
                Chat ngay
            
        
    

Bạn thất link icon button thế nào? Bạn hiểu được những chia sẻ trong bài học này chứ? Quá trình xem video bạn có vướng mắc gì hãy để lại ở comment, tôi sẽ dành thời gian hỗ trợ bạn nhiều hơn.

Nếu bạn đang học Html css nhưng không có một lộ trình bài bản bạn có thể tham khảo thêm chương trình Html Css 21 Ngày, hiện tại đã có trên 1038 người theo học và đi làm tốt.