Kỹ thuật Onpage nâng cao

Kiến thức SEO
Hot!
(ngày đăng: 23/11/2013 - Số lần xem: 441)

Hiện nay, Onpage rất quan trọng trong SEO là quá trình tối ưu hóa cấu trúc website giúp trang web trở nên thân thiện và được các Search Engine đánh giá cao hơn trong bảng xếp hạng. Đây là bước rất quan trọng và luôn được triển khai đầu tiên trong quy trình làm SEO. Đặc biệt là các từ khoá có độ cạnh tranh cao như: ngành bảo vệ, dịch vụ SEO, ... thì onpage cũng góp phần rất quan trọng trong việc tăng thứ hạng website.

Sử dụng Absolute trong Onpage:


Absolute: là một kỹ thuật trong CSS giúp định vị lại vị trí các thẻ div theo ý muốn. Nghĩa là giả sử trong trang web có 4 thành phần chính như sau:



Giao diện web bình thường


Nếu như cách code thông thường thì sẽ là:

<div id=”wrapper”>//thẻ bao quanh bên ngoài các div

<div id=”banner”>Nội dung</div>

<div id=”menu”>Nội dung</div>

<div id=”content”>Nội dung</div>

<div id=”footer”>Nội dung</div>

</div>

Nhìn code chúng ta có thể thấy nếu Google Crawler vào web này thì cũng sẽ theo thứ tự như trên là quét code HTML từ trên xuống và từ trái sang phải nhưng do đặc thù của SEO bạn muốn Google Crawler sẽ quét và thu thập dữ liệu những thành phần quan trọng và cần thiết trước như: content ( nội dung bài viết) và footer chẳng hạn, nhưng vẫn không làm thay đổi giao diện của website. Giải pháp hữu hiệu nhất hiện nay là kỹ thuật sử dụng Absolute để định vị lại các thẻ div như sau:

<div id=”wrapper”> // thẻ bao quanh bên ngoài các div

<div id=”content”>Nội dung</div>

<div id=”footer”>Nội dung</div>

<div id=”banner”>Nội dung</div>

<div id=”menu”>Nội dung</div>

</div>

Sau đó dùng CSS định dạng lại như sau: (Ở đây các bạn chú ý cách mình sử dụng absolute)

#wrapper{position:relative;width:900px;height:900px;border:1px solid #cfcfcf;color:white;font-size: 30px;}

#banner{position:absolute; top: 0; left: 0;width:900px;height:200px;background-color:red;}

#menu{position:absolute;top:200px; left: 0; width:300px;height:600px;background-color:black;}

#content{position:absolute;top:200px;right:0;width:600px;height:600px;background-color:blue;}

#footer{position:absolute;bottom:0;left:0; width:900px;height:100px;background-color:yellow;}




Kết quả sau khi dùng Absolute


Kiểm chứng kết quả tại đây thì phần giao diện không có nhiều thay so với giao diện chưa dùng absolute đổi nếu nhìn ở góc độ người dùng. Nhưng thực tế thì khi trang web được load thì phần content và footer đã được load trước các phần khác.

Onpage còn phụ thuộc vào nhiều yếu tố cơ bản như :

+ Thẻ tittle

+ Các thẻ meta: meta keyword, meta description

+ Thẻ H1- H6

+ Các thuộc tính Image: Alt, tittle,...

+ Và đặc biệt nên code tuân thủ theo chuẩn W3C hiện nay.

+ Và một số kỹ thuật khác

Ngoài ra, những kiến thức mới và hiệu quả luôn được ArtSeed Design cập nhật hằng ngày tại website: EricDoan.us sẽ giúp các bạn tìm ra giải pháp tối ưu và hướng SEO mới cho riêng mình.


Nguồn: ArtSeed Design (Vui lòng ghi rõ nguồn khi sao chép nội dung này)

Copyright © ArtSeed Design 2011. All Rights Reserved SEO by Eric Doan

ArtSeed Design 'Tỏa sáng thương hiệu, đỉnh điểm thành công'

CHIẾN LƯỢC SEO VÀ ONLINE MARKETING CHUYÊN NGHIỆP