Tuesday, 14 January 2014 06:25

Thiết kế web chuẩn SEO với HTML

Written by 
Rate this item
(0 votes)

Theo như Ebook về thiết kế website chuẩn SEO (hình trên) bạn thấy rằng việc đầu tiên trước khi thực hiện quá trình SEO một website bạn cần một website có nền tảng thật tốt.

Và một website có nền tảng tốt bao gồm điều gì ?

- Cấu trúc website chuẩn seo (chuẩn các thẻ meta, chuẩn anchor , link ...)

- Chuẩn mực các thẻ Html hướng tới công cụ tìm kiếm

- Sau đó mới tới Nội dung, thống kê hay backlink còn lại.

Ở bài này mình chỉ muốn nói tới một số chú ý mà bạn không nên thiếu sót khi chuẩn hóa Html của bạn một cách chuẩn nhất.

Nếu các bạn chưa có nhiều kiến thức về HTML bạn có thể tham khảo các Ebook tự học thiết kế web với HTML.

Còn nếu đã rõ về HTML bạn có thể tham khảo một số chú ý sau mà bạn đã nỡ bỏ quên. Và chính những bỏ quên sau đó đâm đầu vào các thủ thuật hay backlink sẽ dẫn tới một câu hỏi :

- "Tại sao trao đổi link chán chê mà web vẫn không lên top ?"
- "Tại sao web mình vẫn bị thằng khác qua mặt".
- "Tại sao web bị tụt hạng trên google".

Vậy bạn sẽ chuẩn hóa HTML như thế nào ?

1/ Các thẻ Meta title, description tốt nhất hãy để ngay sau thẻ Head

Cấu trúc duyệt site của Firefox và Chrome là từ trên xuống dưới và trái qua phải. Chính vì vậy nội dung để càng trên cao website thì sẽ là cách tốt nhất để google hiểu được bạn đang muốn chia sẻ nội dung gì ?  Chứ không phải là load một loạt Javascript rồi mới tới nội dung.

toi uu cac the meta cho SEO

VD :
<head>
<title>Thiết kế web chuẩn SEO với HTML</title>
<meta name=""  description="" content="le duc toan, lập trình windows phone, thiet ke website reponsive, Tony Toan, Windows Phone, Windows 8, App Store, leductoan.com">
</head>

2/ Quan tâm tới các thẻ H1 ,h2, h3

toi uu hoa the h1,h2

Bạn nên đặt thẻ H1 một cách tự nhiên nhất và không cần thiết phải coi nó như một Key chính trong website của bạn.

Và với thẻ H1 sẽ được tối ưu nhất theo cấu trúc link, Tức là gồm 1 thẻ <a> trong thẻ <H1>

<h1><a href="/" title="/">Tony Toàn</a><h1>

3/ Bạn có thiếu thuộc tính Title trong thẻ <a> không ?

<li><a href="/menu1.html">First Menu Choice</a></li>

Thông thường các mã nguồn mở như joomla, wordpress hay Drupal trong quá trình general code Những thẻ  <li> hay <td> được tạo rra từ các module hay plugin thông thường rất dễ thiếu title trong thẻ <a>.

Trong khi bạn thì đã check hết code của site nhưng ở các Module hay Plugin thì lại không check điều này. Nhưng đó cũng là một yếu tố khiếm khuyết trong onpage của mình.

4/ Không nên trùng nặp thuộc tính ID

Khi các bạn sử dụng Javascript hay Jquery khai báo cho một đối tượng nào đó dùng ID, sự trùng nặp ID sẽ dẫn đến rất nhiều sai sót trong onpage trên các trình duyệt IE và chrome.

5/ Hãy cố gắng sử dụng tối ưu các thẻ css

Ví dụ thay vì dùng ID để viết CSS thì bạn hãy sử dụng ít hơn các thẻ ID để sử dụng chung các thuộc tính Class chung để tăng tốc website của mình.
Và cố gắng sử dụng các viết css tắt sẽ là cách tối ưu nhất.

VD: thay vì viết margin-left:2px; margin-right:2px;margin-top:2px;margin-bottom:2px;bạn hãy thay bằng margin:2px;

6/ Trong một loạt menu Hãy cố gắng tạo ra sự khác biệt ở tiêu đề menu.

Ví dụ : bạn có menu
- Thiết kế web đẹp
- Thiết kế web đẹp 2

Hãy thay nó thành
- Thiết kế web giao diện đẹp
- Những website template độc đáo

7/ Chuẩn hóa tên file.

Hãy biến tên ảnh,file từ dạng : image_001.jpg Thành honda_accord_2009.jpg và đừng quên sử dụng thẻ alt cho các link ảnh của bạn.

các file ảnh nên đặt ở Root/thumuc  chứ không nên đặt quá sâu như Root/thumuc/anh/anh1

8/ Đặt thuộc tính cho link mà bạn coi là key word.

Tránh tạo ra một loạt các link key word tẻ nhạt mà hãy thêm vào thuộc tính để tạo sự khác biệt cho key VD :

Bold your keyword - Bôi đậm
Italicize your keyword - in nghiêng
Underline your keyword - Gạch chân

9/ Check lại Onpage lần cuối

Và đừng quên sử dụng Toole check onpage của bạn lần cuối để kiểm tra xem còn lỗi html nào không nhé :

VD: bạn thử tìm keyword "Lap trinh voi Tony Toan"

Read 5098 times Last modified on Tuesday, 14 January 2014 06:48