Home Web design Css Thiết kế danh sách Tags nổi bật với Html và Css

Thiết kế danh sách Tags nổi bật với Html và Css

6 min read
0
0
0
Tạo icon phone nhấp nháy với HTML và CSS

Thiết kế danh sách Tags nổi bật với Html và Css

Tag là gì?

Tag là chủ đề nhỏ, liên quan đến nội dung nhất định và được cho vào thêm khi viết bài. Tag là một thuật ngữ nhằm ám chỉ việc chúng ta chọn thêm một chủ đề phụ vào trong một bài viết, thường thì phần tag này sẽ xuất hiện bên phải, cuối bài viết… tùy theo cài đặt.

Ví dụ: mình có bài viết về khóa học SEO tại Hà Nội mình sẽ sử dụng tag thêm các chủ đề phụ như “học SEO ở đâu tốt, địa chỉ học SEO, học SEO”

Ngoài ra thì tag còn được dùng trong các mạng xã hội, tin nhắn, hay comment… và thường là dùng để tag tên, vật, địa chỉ… (ví dụ: có nhiều người rất hay tag tên bạn bè của mình khi comment, đăng bài trong các STT trên mạng Facebook)

Code Css:

.tags {
    padding: 0;
    list-style: none;
}
 
.tag {
    float: left;
    display: inline-block;
    padding: 3px 5px;
    text-decoration: none;
    color: #666666;
    cursor: pointer;
    border: 2px solid #666666;
    border-radius: 4px;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    font-size: 13px;
}
 
    .tag:hover {
        border: 2px solid orange;
    }

Code Html:

<ul class="tags">
    <li>
        <a href="myUrl" title="Tối ưu" rel="dofollow">
            <span class="tag">Tối ưu</span>
        </a>
    </li>
    <li>
        <a href="myUrl" title="Thủ thuật" rel="dofollow">
            <span class="tag">Thuthuat</span>
        </a>
    </li>
    <li>
        <a href="myUrl" title="Anniversary Update" rel="dofollow">
            <span class="tag">Anniversary Update</span>
        </a>
    </li>
</ul>

 

Tag và làm SEO

Tag là một vũ khí rất lợi hại khi làm SEO, tag có tác dụng như một category. Đối với một chủ đề nhỏ, chúng ta không thể tạo một category được thì tag là một sự lựa chọn thông minh. Tag giúp người sử dụng dễ dàng di chuyển đến chủ đề mà họ muốn tìm kiếm.

Tags giúp người dùng xem được các chủ đề nhỏ mà họ quan tâm. Với những từ khóa có số ít lượng tìm kiếm thì sử dụng tag sẽ là phương án nhanh, tiết kiệm bởi chúng ta không thể tạo quá nhiều category cho một trang web. Ngoài ra thì với việc sử dụng tag trong bài viết sẽ giúp web của bạn có nhiều index hơn trên Google.

Chú ý: không sử dụng tag trùng với category, page, post. Không tag quá nhiều trong một bài viết, không tag những chủ đề không liên quan đến truy vấn của người dùng trong bài viết họ đang quan tâm.

  • Thiết kế Landing Page Online

    Thiết kế Landing Page Online chuyên nghiệp

    Landing Page đang là xu hướng Marketing Online đem lại hiệu quả rất cao trong các chiến dị…
Load More Related Articles
Load More By Dong
Load More In Css