HTML và CSS căn bản cần thiết cho SEO

Học và  hiểu biết một chút về HTML và CSS cơ bản sẽ giúp bạn làm Onpage nội dung và code website của mình khá hơn. Nếu bạn muốn trở hành một SEOer tài năng thì tôi khuyên bạn nên bắt buộc mình phải học HTML và CSS cơ bản.

Giới thiệu về các thẻ HTML cơ bản mà SEOer cần biết.


Phần <Head></ <Head>> : Nội dung không được hiển thị cho người dùng

    - Robots meta tags
    - Title tag
    - Description

Phần <body></body>: Nội dung hiển thị cho người dùng.

    - Heading
    - Thẻ liên kết "a href "
    - img
    - b (hay còn có thể viết strong), u, i, s
    - Thuộc tính “nofollow”
    - Thẻ phân chia Division: <div></div>

HTML can ban


Những thẻ HTML căn bản này mình sắp xếp từ với độ quan trọng từ trên xuống với Seo.

Thẻ Robots: Đây là một thẻ HTML cực kỳ quan trọng ảnh hưởng tới việc SEO.

- Tác dụng: Khi một search engine vào website của bạn vào tìm kiếm (Crawler), nó sẽ tìm một file đặc biệt trước tiên, đó là file robots.txt. File robots.txt cho search engine đó biết rằng, website này có thể index hoặc không (tùy theo lệnh được viết trong file robots.txt). ( Xem thêm: Robots.txt và những lưu ý khi sử dụng )

- Cú pháp:  <meta name=”robots” content=”index, follow” />

- Giá trị content : 
index, follow: Cho phép con robots đọc nội dung của trang và các liên kết bên trong. Để index với các trang cần Seo.
noindex, nofollow : Không cho phép con robots đọc nội dung của trang và các liên kết bên trong. Dùng cho trang nào nội dung kém (Như giỏ hàng, đăng ký, đăng nhập nên để noindex)

Thẻ Title (Tiêu đề)

- Cú pháp HTML: <title> Nội dung tiêu đề </title>

Đây là thẻ tiêu đề hiển thị cho bộ máy tìm kiếm, nó hiển thị ở phần đầu website. Khi làm Seo nên đặt từ khóa cần SEO vào thẻ title này. Độ dài title tốt cho Seo: 60 ký tự

Thẻ Description (mô tả)

- Cú pháp: <meta name=”description” content=”Nội dung mô tả tổng quan của nội dung của trang” />

Đây là thẻ mô tả của trang, nó giúp Google và người dùng biết nội dung trang web của bạn, cần làm mô tả hấp dẫn để thu hút người đọc và tăng tỷ lệ click vào view trang của bạn, hãy đưa từ khóa của bạn xuất hiện 01 lần trong đoạn mô tả.

Thẻ Heading: h1-h6 

- Cú pháp: <hx>Nội dung </hx> ( trong đó x là 1 – 6 )

Thẻ H có tầm quan trọng rất lớn và ảnh hưởng nhiều khi ta tối ưu nội dung onpage, một bài viết onpage chuẩn là bài viết sử dụng các cặp thẻ này tối ưu nhất – ví dụ như tiêu đề bài viết phải là H1 ( h1 là cặp thẻ nên hiện 1 lần duy nhất trong 1 page ) – Các chỉ mục quan trọng của nội dung tiếp theo sẽ là h2 – h3 ( là 2 cặp thẻ được sử dụng phổ biến để đánh dấu các tiêu đề chỉ mục trong bài viết. Còn h4 – h6 thường ít được sử dụng hơn.

Google sẽ đánh giá các nội dung cao ở các cặp thẻ này, vì vậy, bài viết của bạn đang SEO key gì thì trong các thẻ này nên có key đó, được sắp xếp và bố cục hợp lý.

<h1>h1 Từ khóa nên sử dụng 1 lần</h1>

<h2>h2 Là Từ khóa, khi Seo nên sử dụng 2 lần</h2>

<h3>h3 Từ khóa phụ hay phân tán từ khóa (Tối đa 3 lần)</h3>


 

SỬ DỤNG MÃ ƯU ĐÃI HADGM ĐỂ GIẢM 20% CHO TẤT CẢ CÁC KHÓA HỌC TẠI DGM



Thẻ liên kết website: <a></a>

Là thẻ để tạo liên kết trong website, từ trỏ các url khác vào nội dung 1 page của website.

- Cú pháp HTML: <a href="http://www.khoahocseo.com/"> Khóa học SEO </a>

Thuộc tính href  là bắt buộc chứa đường dẫn cụ thể tới mục tiêu liên kết

Thẻ này rất quan trọng nhất bởi nó chính là link liên kết của các website. Bạn thường nghe nói đến backlink khi làm seo phải không. Vậy nó chính là code tạo nên backlink đó. Khi trao đổi backlink hay đi add link sang website khác, hoặc làm like nội bộ đi chăng nữa, thì chúng ta đều phải sử dụng cặp thẻ này. Nó là thành phần không thể thiếu trong 1 website mà bất kỳ website nào cũng phải có.

Thẻ hiển thị hình ảnh: <img></img>

Thẻ này dùng để nhúng một hình ảnh chứa trong host để xuất hiện trên website bạn. Thẻ có hai thuộc tính bắt buộc là SRC và ALT trong đó src là bắt buộc để chỉ đường dẫn của ảnh. Và alt là để hiển thị tên của ảnh nếu chúng không load được.

- Cú pháp: <img src=”Đường dẫn file ảnh” alt=”Tên ảnh”/>
VD: <img src=”http://2.bp.blogspot.com/-SljozIptPDg/VKfQLqIUvaI/AAAAAAAABc8/mXYcFYR4rIo/s1600/khoa-hoc-seo-hieu-qua-tai-dgm.jpg” alt=”Khoa hoc SEO”/>

Thẻ img không có thẻ đóng, vì vậy không cần </img> ở cuối như một số thẻ khác. Tuy nhiên ta có thể thêm các thuộc tính như width=”chiều rộng”, height=”chiều cao” của ảnh, để quy định kích thước hiển thị của ảnh theo điểm ảnh pixcel hoặc theo % là độ rộng của khung bao quanh chúng

Nếu như thẻ img đặt trong thẻ a thì alt sẽ trở thàn anchortext của link đó. Và khi đó thì chúng ta bấm vào ảnh sẽ được chuyển tới đường dẫn ta quy định trong thẻ a.

SEO hình ảnh cũng là một ngách trong seo, nó cũng rất quan trọng với những nội dung mà người tìm kiếm tìm trên google image. Việc tối ưu được hình ảnh độc ( vì giờ google có những cỗ máy quét được cả bức ảnh và mã hóa nó , vậy nên bức ảnh của bạn nên độc để không bị trùng với những ảnh mà google đã quét trước đó, càng không nên dùng những bức ảnh bản quyền không phải của bạn ) kèm theo lời miêu tả chính xác keyword trong alt sẽ giúp google nhận biết và sẵn sàng cho ảnh bạn top key.

Thẻ b (in đậm), u (gạch chân), i (in nghiêng), s (ngạch ngang)

- Cú pháp: <b>Nội dung</b> (Tương tự thay b bằng u, i, s tương ứng)

Khi các bạn sử dụng những thẻ này, việc hiển thị nó khác những từ liên quan, vì vậy google và người dùng cũng chú ý hơn tới những chỗ bạn in đậm, gạch chân, hay in nghiêng, gạch ngang…. hãy dùng các thẻ này cho từ khóa của bạn. Nhưng đừng lạm dụng để tránh gây phản cảm cho người đọc bạn nhé.

Trên website có dùng thẻ rel=”nofollow” cho một liên kết bất kỳ nhằm khai báo với các công cụ tìm kiếm Google, Bing … không theo các liên kết này hoặc không theo bất cứ liên kết nào trên trang này khi ta sử dụng thẻ meta (<meta name=”robots” content=”nofollow” />), không chia sẻ page rank

Thẻ phân chia Division: <div></div>

Đây là một thẻ rất quan trọng mà được dùng nhiều nhất trong website của bạn, không tin bạn cứ thử view source code bất kỳ website nào xem bằng Ctrl+U. Bạn sẽ thấy vô vàn các thẻ DIV có trong đó.

Đây là một thẻ phân chia, công dụng của nó thì rất vô vàn, nhưng chủ yếu nó dùng để phân chia khu vực và các phân vùng website với nhau, giúp trình duyệt của bạn hiểu rõ hơn về bố cục của website, cũng như Google Bot sẽ biết được các vùng mà nó đang thu thập là gì. Bạn cứ hiểu là website là một ngôi nhà chung cư, và thẻ div như là các bức tường bao quanh các căn hộ trong chung cư đó, nó bao quanh các khu vực trong các căn hộ, phân chia phòng tắm, phòng ăn, phòng khách riêng rẽ ra… và một người khách google khi vào chung cư, sẽ biết rõ được mình phải đi hướng nào để thu thập các dữ liệu.

Đó cũng chỉ là một phần quan trọng công dụng của thẻ DIV. Nếu các bạn tìm hiểu nhiều hơn, sẽ thấy nó có vô vàn các tác dụng khác nữa mà bạn phải quan tâm.

Một số kiến thức HTML căn bản và cần thiết cho SEO. Hi vọng sẽ có ích cho các bạn đặc biệt là các bạn mới bắt đầu tìm hiểu và làm SEO.


 

NÂNG CAO KIẾN THỨC SEO VỚI KHÓA HỌC SEO HIỆU QUẢ



Share This

LỊCH KHAI GIẢNG KHÓA HỌC SEO

ngay khai giang SEO Ngày khai giảng : 28/11/2016
Gio hoc seo Giờ học : 6pm – 10.00pm
hoc seo Thời lượng : 9 buổi (2-4-6)

👉 40 tiết học và thực hành chỉ với 4.800.000 VND (trung bình học phí mỗi tiết chỉ có hơn 100.000 VND )
👉 Chưa hết, nếu bạn có mã giảm giá của Hà bạn còn được giảm thêm 720.000 VND học phí. Bạn sẽ tiết kiệm được rất nhiều tiền

Đăng ký khóa học với mã giảm giá HADGM giảm ngay 720.000 VNĐ
LƯU Ý MÃ GIẢM GIÁ CHỈ CÓ TÁC DỤNG NẾU ĐĂNG KÝ HÔM NAY



  ĐĂNG KÝ KHÓA HỌC NGAY

Tư Vấn Qua Facebook

Nguyễn Ngọc Hà

Phone: 0938.447.082 - Email: ha@dgm.vn