Trang chủTác giảLiên hệ

Seri HTML cơ bản - [HTML Basic Tutorial 6] SEO Basic

By Phạm Ngọc Hoàng
Published in HTML
June 07, 2021
7 min read

Hello các bạn, mình là Hoàng, hôm nay mình sẽ chia sẻ với các bạn 1 seri quay về cơ bản với lập trình web nhé. Cũng như thường lệ, chúng ta có cấu trúc các phần như sau

Tổng quan Về seri

  1. [HTML Basic Tutorial 1] HTML Basic
  2. [HTML Basic Tutorial 2] HTML Semantic
  3. [HTML Basic Tutorial 3] Form and Validations
  4. [HTML Basic Tutorial 4] Conventions and Best Practices
  5. [HTML Basic Tutorial 5] Accessibility
  6. [HTML Basic Tutorial 6] SEO Basic <==== You are here

Bắt đầu luôn cho nóng, phần 6 chúng ta đi tìm hiểu về SEO Basic với cấu trúc tổng quan như sau

Tổng quan về phần 6 -[HTML Basic Tutorial 6] SEO Basic

  1. SEO Basic
    1.1 SEO là gì? 1.2 Code chuẩn SEO là gì?
  2. Một số yếu tố cơ bản để có 1 trang web chuẩn SEO
    2.1 Tên miền và hosting 2.2 Thiết kế website 2.3 Biên tập nội dung
  3. Kết luận

SEO Basic

Thành công của một chiến dịch SEO được làm nên từ sự kết hợp giữa tối ưu hóa chuẩn SEO website với nghệ thuật xây dựng liên kết. Và để tối ưu hóa chuẩn SEO cho website, chúng ta không thể không chú trọng đến việc tối ưu cho các thẻ HTML.

SEO là gì?

SEO là viết tắt của “Search Engine Optimization” là một tập hợp các phương pháp nhằm nâng cao thứ hạng của một website trong các trang kết quả của các công cụ tìm kiếm (phổ biến như Google, Bing, Yahoo). Mục tiêu cao nhất là lên top #1 trong trang đầu tiên của kết quả tìm kiếm.

Các phương pháp bao gồm việc tối ưu hóa website (tối ưu SEO onpage) và xây dựng các liên kết (SEO offpage liên kết nội bộ, liên kết từ website khác trỏ về gọi là backlink) để các công cụ tìm kiếm chọn lựa trang web phù hợp nhất phục vụ người tìm kiếm trên Internet ứng với một từ khóa cụ thể được người dùng truy vấn.

Code chuẩn SEO là gì?

Tối ưu Code chuẩn SEO là quá trình tối ưu tệp trích xuất HTML, cấu trúc website thân thiện với bộ máy tìm kiếm. Tối ưu Code chuẩn SEO nhằm mục tiêu điều hướng bộ tìm kiếm một cách tốt nhất. Giúp bộ máy tìm kiếm dễ dàng tải dữ liệu, đọc, phân tích và craw dữ liệu của website bạn một cách thuận tiện, dễ dàng!

Một website được đánh giá là Code chuẩn SEO bao hàm 3 yếu tố cơ bản:

  • Website thân thiện với người dùng. Thiết kế đẹp, nội dung điều hướng người dùng tốt. Thu hút và giữ chân người dùng lâu.
  • Website có cấu trúc thân thiện với bộ máy tìm kiếm. Giúp bộ máy tìm kiếm dễ dàng thu thập thông tin từ website.
  • Phần quản trị website có đầy đủ các cơ chế quản trị thân thiện dễ dàng tùy biến SEO đối với các Admin không có kỹ năng chuyên sâu vào Code.

Một số yếu tố cơ bản để có 1 trang web chuẩn SEO

Tên miền và hosting

  1. Chọn tên miền có tính liên quan cao đến nội dung website. Có thể chứa một vài từ khóa chính của website càng tốt, tên miền có thời gian sử dụng càng lâu càng được đánh giá cao.
  2. Hosting có tốc độ nhanh, IP Server cũng ảnh hưởng đôi chút tới seo (Nếu bạn seo web ở Việt Nam nên mua server đặt tại Việt Nam).

Thiết kế website

Thẻ HTML được dùng trong lập trình website, giúp chúng ta thể hiện website của mình theo một cách khác biệt nhất. Hay nói một cách khác, các thẻ HTML sẽ giúp cho trình duyệt web đọc hiểu và hiển thị website của chúng ta theo yêu cầu, mục đích của người quản trị website. Ví dụ như đoạn nào cần in đậm, đoạn nào có liên kết, đoạn nào có hình ảnh xuất hiện,…

Và để tối ưu hóa chuẩn SEO cho website, chúng ta cũng cần tối ưu hóa cho những thẻ này. Có những tiêu chuẩn riêng để chúng ta tối ưu hóa chuẩn SEO các thẻ HTML nhằm tăng chất lượng đánh giá của các cỗ máy tìm kiếm. Có một số thẻ HTML tuy cơ bản nhưng buộc các nhà làm SEO phải thận trọng và sử dụng đúng cách nhất để có thể mang đến hiệu quả tốt nhất cho quá trình SEO website của mình.

  1. Thẻ <title>

    • Thẻ <title> là loại thẻ dùng để xác định tiêu đề của một website hay một bài viết. Giúp cho người dùng internet hay kể cả các cỗ máy tìm kiếm biết được đâu là tiêu đề của bài viết.
    • Thẻ <title> là dòng đầu tiên sẽ hiển thị trong kết quả tìm kiếm của trang web khi nhận được truy vấn tương ứng. Thẻ này cung cấp và hiển thị tiêu đề cho trình duyệt, đây là một thẻ bắt buộc đối với bất cứ website hay bài viết nào trên website.
    • Tối ưu hoá chuẩn SEO thẻ <title>:
      • Thẻ <title> được viết bên trong thẻ <head>, cần chứa từ khóa của website, bài viết để công cụ tìm kiếm xác định được nội dung website.
      • Thẻ <title> của các trang web, bài viết khác nhau trên cùng một website phải khác nhau. Có nghĩa là không được trùng tiêu đề giữa các bài viết nội dung post trên một website.
      • Độ dài của thẻ <title> khoảng từ 60 - 65 ký tự.
  2. Thẻ <meta>

    • Thẻ <meta> dùng để mô tả dữ liệu cho trang web
    • Giải thích:
      • <meta charset="UTF-8">: Xác định bộ ký tự được sử dụng.
      • <meta name="keywords" content="HTML, CSS, JavaScript">: Xác định từ khóa cho công cụ tìm kiếm, keyword khá quan trọng, không có thẻ này thì Google khó xác định website của chúng ta cung cấp thông tin thuộc lĩnh vực gì, dẫn đến việc SEO không hiệu quả , tổng số ký tự không quá 160 ký tự.
      • <meta name="description" content="Free Web tutorials">: Nội dung thẻ này không chứa quá nhiều từ khóa, mô tả ngắn gọn về nội dung bài viết. Tổng số ký tự không quá 160 ký tự.
      • <meta name="author" content="John Doe">: Xác định tác giả của trang.
      • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Cài đặt chế độ xem phù hợp trên tất cả các trình duyệt.
  3. Sử dụng thuộc tính alt cho hình ảnh

    Được sử dụng cùng với thẻ <img>, thuộc tính alt giúp hiển thị nội dung của hình ảnh. Dù cho vì một lý do nào đó mà hình ảnh bị lỗi, thì người xem vẫn có thể biết được hình ảnh đó thể hiện nội dung gì dựa vào thuộc tính này.

    Rất nhiều người bỏ qua thuộc tính alt trong quá trình SEO mà không hề biết rằng nó có vai trò rất quan trọng trong việc tăng hiệu quả của chiến dịch SEO. Chúng ta nên biết rằng Google sẽ kiểm tra rất cẩn thận phần nội dung trong alt để làm rõ lĩnh vực, xác định thông tin mà website cung cấp, do đó nếu bỏ qua thuộc tính này khi SEO đồng nghĩa với việc đánh mất một số điểm lớn để tăng thứ hạng cho website của mình.

  4. Thẻ Heading (<h1>, h2>,…, <h6>)

    • Thẻ Heading sử dụng trong các bài viết, dùng để nhấn mạng những phần nội dung chính của website hay bài viết đó.
    • Google sẽ dựa vào các thẻ Heading để xác định nội dung của bài viết, và điều này giúp cho trang web của bạn có thể xuất hiện trên bảng kết quả tìm kiếm khi người dùng truy vấn, dù cho từ khóa chỉ có liên quan chứ không hoàn toàn chính xác.
    • Thẻ Heading cũng góp phần làm tăng điểm cho website trong mắt Google, nhờ đó hiệu quả SEO sẽ tốt hơn và nhanh chóng hơn. Thẻ Heading cũng có tầm quan trọng tương tự thẻ title.
    • Thẻ Heading thể hiện cấu trúc của bài viết, người đọc có thể lướt qua những Heading và nắm được nội dung của bài viết, từ đó có thể quyết định xem bài viết có phải là thứ họ cần biết và tiếp tục đọc hay không? Điều này tăng tính tiện ích khiến cho người đọc tin tưởng thêm vào website của bạn.
  5. Tách các phần như style css, javascript, data thành các file độc lập.

  6. Hạn chế việc sử dụng table trong html. Đặc biệt là các table lồng table.

  7. Cố gắng đặt nội dung chính nằm ở đầu của cấu trúc trang html.

  8. Tạo các chỉ mục hướng dẫn (breadcumb). Mục đích cho phép người dùng dễ dàng quay lại các chỉ mục một cách dễ dàng.

  9. Dùng định dạng chữ cho phần liên kết header và footer thay vì dùng hình ảnh.

  10. Tạo trang 404 cho các liên kết không tìm thấy.

  11. Tối ưu hiển thị trang web trên các thiết bị di động (Responvive). Chính vì ngày nay việc truy cập trên các thiết bị di động không còn xa lạ do đó sẽ bị giảm thiểu người dùng nếu website của bạn không hỗ trợ việc hiển thị trên các thiết bị di động.

  12. Tạo sitemap chứa liên kết đến các trang nội dung trên website. Nó cho phép người dùng có thể dễ dàng tìm kiếm và truy cập đến nội dung mà họ cần.

  13. Kiểm tra cấu trúc html chuẩn với W3C (khi kiểm tra có thể bỏ qua các lỗi cảnh báo HTML5 và các thẻ og:title, og:description, og:image khi định dạng website bằng HTML5).

  14. Tối ưu hóa Url website.

    • Url nên mã hóa theo tiêu đề bài viết, có liên quan tới nội dung bài viết, keywords, description.
    • Hạn chế độ dài của url tốt nhất cho seo chỉ là 3 cấp tính từ tên domain (domain.com/cap1/cap2/cap3).
    • Sử dụng rewrite url đối với các liên kết và phân tách mỗi từ bằng dấu trừ – hoặc gạch dưới _.

Biên tập nội dung

  1. Khi cập nhật nội dung url, title, keywords, description phải liên quan tới nhau.

  2. Chỉ sử dụng từ có nghĩa, cấu trúc có thể đọc được và dễ dàng để thu thập dữ liệu từ Google.

  3. Đặt link vào các trang liên kết khác sẽ giúp người đọc dễ theo dõi và giúp index dễ dàng.

  4. Không nên nhồi nhét quá nhiều từ khóa vào mỗi trang web, hãy chọn những từ khóa tiêu biểu và đặt vào phần cuối của nội dung bài viết.

  5. Hạn chế việc dùng flash hoặc tốt hơn là không dùng flash vì các công cụ tìm kiếm không đọc được nội dung trong flash.

  6. Đặt link về các trang tác giả, trang phân tích có tính uy tính cao. Điều này sẽ giúp cho bài viết của bạn có tính thuyết phục và độ tin tưởng cao.

  7. Nội dung bài viết dễ đọc. Phần đầu và nội dung bài viết nằm trong đoạn văn kết hợp với các sub header và number list. Chủ yếu là nội dung phải mới mẻ, lôi cuốn, trình bày đẹp mắt và mang tính thông tin cao.

Bài viết này chỉ giới thiệu những kỹ thuật cơ bản nhất của SEO, hy vọng rằng nó sẽ là một bài viết hữu ích cho những ai đó đang muốn bắt đầu tìm hiểu về SEO. Tuy nhiên, còn rất rất nhiều những thẻ khác góp phần hỗ trợ quá trình SEO nhanh chóng và thuận lợi hơn mà trong phạm vi 1 bài viết không thể liệt kê tất cả hết được.

Kết luận

  • Cảm ơn các bạn đã đọc bài viết của mình. Vậy là đến đây chúng ta đã kết thúc seri HTML cơ bản. Hãy ủng hộ mình trong những bài viết sắp tới nhé.
  • Bất ký thắc mắc hay góp ý gì thì hãy comment hoặc inbox trực tiếp để mình cải thiện trong những bài viêt sau nha.

@hoangpn - Better every day!


Phạm Ngọc Hoàng

Related Posts

HTML
Seri HTML cơ bản - [HTML Basic Tutorial 1] HTML Basic
June 08, 2021
6 min
© 2021, All Rights Reserved.

Quick Links

Liên hệ quảng cáoThông tinLiên hệ

Social Media