Thứ Năm, 3 tháng 5, 2012

Tối ưu hóa cơ bản nội dung HTML và CSS

Tối ưu hóa cơ bản nội dung HTML và CSS là một phần công việc Seo Onsite, là một phần rất quan trọng khi seo website.

Tối ưu hóa nội dung HTML

Đầu tiên những thẻ không thể thiếu <title>, <meta> bao gồm  meta keyword, meta description,...

Khi thiết kế website ta nên quan tâm đến việc website của mình có thể chạy tốt trên tất cả các trình duyệt và versions của nó hay không. Chú ý nhất là Internet explorer mình thấy hiện nay vẫn còn rất nhiều người sữ dùng trình duyệt này.

Đầu tiên với thẻ <a> và thẻ <img> nên thêm thuộc tính title="" vào trong 2 thẻ này để có thể cho người ta biết nội dung ta cần nói cái gì. Riêng thẻ <img> ta nên thêm thuộc tính alt="" vào trong thẻ này. Theo mình việc này là mang tính bắt buộc phải làm.



Ứng dụng các thẻ <h1>, <h2>, <h3>, <h4>, <h5>, <h6> các thẻ này dùng làm nổi bật một nội dung nào đó, độ nhấn mạnh sự quan trọng của nội dung cũng giảm dần từ h1 đến h6. Thông thường ta sữ dụng khoảng từ h1 đến h4, mình có tham khảo 1 số bài viết việc ứng dụng tốt các thẻ này mang lại lợi ích rất lớn.

VD: trong nội dug mình muốn seo với từ khóa là Điện thoại Nokia N73
- Tiêu đề của nội dung sẽ được đặt trong thẻ <h1>Điện thoại Nokia N73</h1>
- Trong nội dung tiếp tục nhắc đến từ khóa này mình có thể đặt tiếp trong thẻ  <h2>Điện thoại Nokia N73</h2>
- Trong nội dung giới thiệu chức năng Điện thoại Nokia N73 mình dùng tiếp trong thẻ <h3>Chức năng điện thoại Nokia N73</h3>
- Vậy là mình có thể làm nổi bật từ khóa trong nội dung.

Font size của thẻ h cũng rất quan trọng khi mà mình dùng nó để làm nổi bật từ khóa, ví dụ font size của văn bản là 12px, h1 là 18px, h2 là 16px, h3 là 14px. Mục đích của mình là dùng với mục đích là làm nổi bật từ khóa vì vậy ta phải làm thế nào để nó thực sự nổi bật.

Ngoài ra còn có các thẻ khác làm nổi bật nội dung: <b>, <i>, <u>. Ở đây mình có thể dùng các thẻ này có thể làm nổi bật nội dung từ khóa học liên quan đến từ khóa.

VD: Với từ khóa  Điện thoại Nokia N73 với nội dung có các từ như "Điện thoại Nokia, điện thoại, Nokia N73, Nokia" mình có thể dùng thẻ <b> in đậm chúng lên, hoặc với các từ khóa như "Điện thoại Samsung" mình có thể dùng thẻ <i> in nghiêng nội dung này.  Tùy vào mức đệ liên quan đến nội dung ta ứng dụng các thẻ sao cho hợp lý.

<b> = <strong>
<i> = <em>
 Việc sữ dụng thẻ nào thì củng có tác dụng như nhau.

Ngoài ra khi trong nội dung của mình cần trích một nội dung trên website khác ta có thể để nội dung này trong cặp thẻ <blockquote>.

Tối ưu hóa cơ bản nội dung HTML và CSS  ngoài việc chú ý đến website có thể hiễn thị tốt trên tất cả trình duyệt, ứng dụng tốt các cặp thẻ tạo nội dung, cần chú ý dung lượng các file html, css, javascript, tránh để quá nhiều mã css, js trong html vì với nội dung 1 file html qua 100KB có thể Googlebot sẻ bỏ qua không crawling page này, trong thiết kế ta nên đặt các thẻ html trước cuối cùng là load js, tối ưu hóa cách viết css sao cho file css nhẹ và gọn không nên để load các js và css dư thừa.

Không có nhận xét nào:

Đăng nhận xét