Tầm quan trọng của HTML5 và SEO Onpage

Từ lúc HTML5 ra đời tới bây giờ đã hơn 2 năm nhưng dù vậy tính đến thời điểm hiện tại mình viết bài này thì HTML5 vẫn chưa hoàn thiện hẳn mà mình có nghe ngóng được là nó sẽ được hoàn thiện vào năm 2014, tức là năm sau. Mặc dù vậy, hiện tại các trình duyệt mới lẫn các phiên bản nâng cấp của các trình duyệt cũ đã hỗ trợ khá tốt HTML5 và nó cũng được nhiều nhà phát triển web đưa vào sử dụng rộng rãi trong các dự án ở thời điểm này...
Nội dung trích xuất từ tài liệu:
Tầm quan trọng của HTML5 và SEO Onpage Tầm quan trọng củaHTML5 và SEO OnpageTừ lúc HTML5 ra đời tới bây giờ đã hơn 2 năm nhưng dùvậy tính đến thời điểm hiện tại mình viết bài này thì HTML5vẫn chưa hoàn thiện hẳn mà mình có nghe ngóng được là nósẽ được hoàn thiện vào năm 2014, tức là năm sau. Mặc dùvậy, hiện tại các trình duyệt mới lẫn các phiên bản nâng cấpcủa các trình duyệt cũ đã hỗ trợ khá tốt HTML5 và nó cũngđược nhiều nhà phát triển web đưa vào sử dụng rộng rãitrong các dự án ở thời điểm này. Điều đó cho thấy rằngHTML5 đã thực sự phổ biến và được dự đoán trong tương laisẽ là một chuẩn thiết kế web thay thế chuẩn HTML4 hiện tại.Nếu như bạn để ý, thì Google cũng đã bắt đầu để ý đến cácchuẩn HTML5 và bổ sung nhiều thuật toán để tận dụng đượcsức mạnh của HTML5 trong việc crawl và index nội dung.Mà điển hình nhất là họ đã bắt đầu hỗ trợ đọc hiểu thuộc tínhrel với các giá trị như author, help, next, prefetch và prev.Nếu như thế, thì tại sao chúng ta lại không dựa vào chuẩnHTML5 đó để tối ưu SEO Onpage để Google dễ dàng hiểunội dung trên web để crawl nội dung tốt hơn nhỉ? Mặc dùchưa có thông tin nào xác thực điều này, nhưng mình tin chắcchắn sẽ là có, ít nhất là trong tương lai rất gần. Vì vậy ở bàinày, mình xin đưa ra một số phân tích của mình đối với mộtsố thẻ quan trọng của HTML5 mà mình nghĩ rằng ngoài việcnó hỗ trợ người phát triển web làm việc dễ dàng hơn mà nócòn giúp máy tìm kiếm crawl và index nội dung tốt hơn.Google không đọc Javascript, Flash, nhưng sẽ đọcHTML5?Như từ trước tới nay, chúng ta hay dùng Flash hay Javascriptđể đính kèm thêm nhiều hiệu ứng đẹp mắt vào website để nótrông chuyên nghiệp hơn. Nhưng kể từ khi SEO phổ biến,hầu như phong trào này mình thấy không còn được sử dụngrộng rãi nữa vì nó không chỉ làm website trở nên nặng hơnmà các bot tìm kiếm sẽ bỏ qua những phần đó.Các bạn cũng thừa sức biết rằng, HTML5 có thể chèn cácđịnh dạng media (audio, video) vào website mà không cầndùng bất cứ tác động nào của một chương trình của bên thứ 3(ví dụ như player bằng flash để đọc video). Vậy thì nếuchúng ta chèn media vào website mà sử dụng HTML5 thì cóđược Google hiểu không? Câu trả lời chắc chắn là CÓ. Vìsao?Bởi vì đa phần các Rich Snippets mà Google hỗ trợ hiện tạihoàn toàn sử dụng HTML5, điều đó không loại trừ việc chènmedia vào website bởi vì hiện tại Google đã hỗ trợ hiểu nộidung video thông qua Video Schema Markup. Hãy cùngmình phân tích qua schema này để biết vì sao Google hỗ trợnó nhé.Nhìn vào thì chắc chắn các bạn sẽ hiểu ngay đoạn schemanày đang nói gì chứ đừng nói đến một cỗ máy chuyên dụngnhư bot Google. Nhờ vào schema này, bot Google sẽ hiểuđược:- Định dạng của nội dung này là video.- Video này có tên gì.- Độ dài của video này là bao lâu.- Ảnh đại diện hiển thị cho video này là tấm nào.- Link của video là gì.- Nếu có dùng embed thì nó cũng hiểu được đang dùng trìnhembed gì.- Ngày upload video lên với công chúng.- Nội dung này có thời hạn là bao lâu.Bằng chứng đâu hả? Đây nèĐiều này có nghĩa là Google có thể phân tích được và hiểurằng nội dung trên web của bạn thật sự là gì để rồi sau đó nósẽ cho hiển thị ra ngoài kết quả tìm kiếm đúng với định dạngnội dung đó. Hình ảnh cũng không ngoại lệ.Nhưng nếu bạn dùng cái này, thì một nhược điểm lớn nhất làkhông thể sử dụng các video được đăng tải trên các trang lưutrữ video như Youtube, Vimeo, Veoh,…vào website củachính bạn để cho hiển thị Rich Snippet. Đơn giản là nó chỉ hỗtrợ video có link trực tiếp do bạn tự host, điều này cho bạnbiết là chỉ nên sử dụng nó cho các video của chính bạn sởhữu trên hosting mà thôi, hạn chế nạn spam Rich Snippet.Còn các thẻ hỗ trợ media của HTML5 như , thì mình tin rằng sau này các máy tìm kiếm sẽ có cơ chế lọckết quả riêng cho các trang sử dụng các cặp thẻ này.Google hiểu nội dung nhanh hơn nhờ vào cấu trúc chuẩnHTML5HTML5 cũng có bổ sung thêm một vài thẻ trong việc cố địnhcấu trúc website như:1. – Được dùng để khai báo một vùng nội dungcủa một phần nào đó trên website.2. – Khai báo một thành phần có công dụng điềuhướng nội dung trong website. Như menu chẳng hạn.3. – Khai báo một thành phần nội dung độc lập trênwebsite. Ví dụ nếu là blog thì một phần article là một bàiviết, ở forum thì phần article là nội dung topic,….4. - Khai báo một khu vực nội dung phụ có tính chấtchung chung hoặc hơi liên quan đến nội dung chính củawebsite và được đặt gần nội dung chính. Ví dụ như sidebarcủa website cũng như thành phần aside.5. – Khai báo một vùng nội dung chứa các tiêu đềtrong một section mà nếu bạn dùng trong trường hợp sử dụngnhiều thẻ heading (từ h1 tới h6) thì có thể dùng hgroup đểbao quanh phần đó lại. Kiểu như đóng khung phần mục lụccủa một quyển sách ý.6. – Nếu đặt nó vào trong một section, thì đoạn nàyđể khai báo phần trên của khu vực section đó.7. – Giống như n ...