Nội dung chính của bài 6: Onpage – Tối ưu hóa cơ bản HTML của giáo trình SEO căn bản.
- Sơ lược về HTML
- Tìm hiểu vài thành phần trong thẻ head
- Tìm hiểu vài thành phần trong thẻ body
Các bạn có thể xem lại bài Onpage – Tối ưu hóa cơ bản website – Bài 5: Giáo trình SEO căn bản
Sơ lược HTML
- HTML: Hyber Text Makup Lanuage
- Một file HTML là một file chứa nhiều thẻ html
- Thẻ HTML dùng để tạo ra các thành phần của HTML
- Thẻ HTML được bao bởi hai dấu ‘<‘ và ‘>’
- Thẻ HTML không phân biệt chử hoa, chử thường
Ví dụ: <a>anchor text</a><a>Click me</A>Nội dung của 1 file HTML mẫu<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”vi” lang=”vi”>
<head>
<title>Thiết kế website chuyên nghiệp | Viet Solution</title>
<meta name=”Title” content=”Thiết kế website chuyên nghiệp | Viet Solution” />
<meta name=”description” content=”Công ty thiết kế website chuyên nghiệp Viet Solution không chỉ thiết kế web mà còn mang đến những giải pháp kinh doanh hiệu quả thông qua website.” />
<meta name=”keywords” content=”thiết kế website, thiết kế web, thiết kế website chuyên nghiệp, thiết kế web chuyên nghiệp, web, website” />
</head>
<body>CONTENT</body>
</html>
Tìm hiểu vài thành phần trong thẻ head
- Thẻ <head> là 1 thành phần quan trọng của html
- Người dùng bình thường không thấy được nội dung trong thẻ <head>, ngoại trừ <title>
- Trong thẻ <head> chứa nhiều thẻ con quan trọng
<title></title><meta name=“title” />;<meta name=“description”/>;<meta name=“keywords” />Các bạn thực hành viết title, description, keywords cho blog, website của mình nhé!
Tìm hiểu vài thành phần trong thẻ body
- Thẻ Body là thẻ chứa toàn bộ nội dung hiển thị cho người dùng thấy
- Thẻ body chứa rất nhiều thẻ con
Thẻ <a></a>Thẻ <img /><h1></h1>, <h2></h2>, …, <h6></h6><strong></strong>, <p></p>…<b></b>, <u></u>, <i></i>…
- Thẻ <a> nên chứa thuộc tính title. Anchor text của thẻ <a> nên chứa từ khóa
- Thẻ <img /> nên chứa thuộc tính title và thuộc tính alt
- Các thẻ <h> được SE đánh giá cao, nên sử dụng các thẻ <h> này tốt.
- Thứ tự ưu tiên các thẻ h giảm dần từ h1 đến h6
- Thẻ <h1> nên dùng để chưa tiêu đề và có từ khóa trong đó.
- Thẻ <h1> nên là duy nhất trong webpage
Còn thì sao bạn Vũ, có quan trọng lắm không?