pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

87
Buổi 5 và 6 ONPAGE – TỐI ƯU HÓA TRANG WEB (Tài liệu lưu hành nội bộ dành cho SEO GUY – buổi 5 và 6)

Upload: mastercodevn

Post on 18-Jan-2017

23 views

Category:

Education


5 download

TRANSCRIPT

Page 1: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Buổi 5 và 6

ONPAGE – TỐI ƯU HÓA TRANG WEB(Tài liệu lưu hành nội bộ dành cho SEO GUY – buổi

5 và 6)

Page 2: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

META NAME – META ROBOTS – META TAG vàứng dụng trong onpage Seo

Page 3: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 4: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

META TAG

• Meta Tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Mọi người hay nghe Meta Keyword, Meta Description, Meta Page title,.. nhưng nó đều các thẻ thuộc dòng Meta tags Bot sẽ dựa vào Meta name và Meta robots đểquyết định các thu thập cho website đó

• Các META-robots là thẻ meta có ảnh hưởng đến các công cụ tìm kiếm thu thập dữ liệu và cách mà PageRank "chảy" từ trang web. META này xác định xem một trang cụ thể nên được lập chỉ mục và có các liên kết đi nên được theo hay không

• Meta name hay meta robots đều thuộc mã HTML của phần trình duyệt biên dịchra cho người xem

• Chọn View source khi bấm chuột phải đối với một số trình duyệt thông dụng

Page 5: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• Có 2 kiểu sử dụng meta tag thường thấy: HTML 1. <META HTTP-EQUIV="name" CONTENT="content"> 2. <META NAME="name" CONTENT="content">

Page 6: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cấu trúc HTML trang web

• HEAD : Quyết định bởi thẻ Meta title , meta descriptions, Meta robots, scripts, CSS, Meta Geo, Language…

• BODY : Các thẻ phụ trợ như H1,H2,H3…

• Phần text, Menu (Li) các bảng (Table/div)

• Các Hyper link dẫn đường cho bots (Theo chỉ lệnhcủa Meta robots)

Page 7: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

HEAD

• <HEAD>

<TITLE> Tên Doanh nghiệp, Tên website, Nội dung chính - Nên ghi tiêu đề là có liên quan đến từ khoá quan trọng để Search engines dễ sắp xếp lên cao, không quá 65 kýtự</TITLE>

<META name="Keywords" content=" Từ khoá của website ở đây, cách nhau giữa các từkhoá là dấu phẩy, Từ khoá bằng tiếng Anh, không dài quá 100 từ, không lặp từ khoá 5 lần, Từ khoá nào quan trọng hay ưu tiên thì để trên cùng, thứ tự lần lượt. Nên lặp từ khoá 2 đến 3 lần ">

<META name="Description" content=" Mô tả của website hay nội dung website, nên súc tích, ngắn gọn, không quá 160 ký tự hay 3 dòng, Nên lặp các từ khoá vào trong Thẻ mô tảnày để tăng khả năng tra cứu.">

• </HEAD>

Page 8: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tham khảo Meta name

Page 9: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• 1. Meta Content Language (Dành cho các website không phải tiếng Anh) Thẻ này được dùng để khai báo ngôn ngữ của website. Thẻ này cũng được dùng tương tự như Meta Name Language. Các robot của SE thường dùng thẻ này để phân loại ngôn ngữ của website. Ví dụ: HTML <META HTTP-EQUIV="Content-Language" CONTENT="vi"> Bạn nên sử dụng thẻ này nếu website của bạn có ngôn ngữ không phải tiếng Anh. Cá nhân tôi chưa từng thử, tuy nhiên theo như những gì mà tôi tham khảo thì thẻ này rất có ích cho bot phân loại nội dung theo ngôn ngữ.

2. Meta Content Type Thẻ này dùng để khai báo mã cho website. Bạn nên sử dụng thẻ nay ngay cả khi bạn đã dùng khai báo DTD cho tài liệu HTML. Bởi vì nếu bạn không sử dụng thì có khi người dùng website của bạn sẽ không đọc được nội dung website của bạn do trình duyệt không tự động điều chỉnh mã phù hợp cho website của bạn. Ví dụ: Nội dung website của bạn được nhập liệu thông qua mã UTF-8 nhưng được hiển thị ở chế độ của ISO hay ASCII. Thả này còn có nhiều lợi ích khác, tuy nhiên bạn có thể tự tìm hiểu thêm về vấn đề này thông qua các trang web về SEO. Ví dụ: HTML http-equiv="Content-Type" content="text/html; charset=utf-8">

Page 10: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• 4. Meta Language (Dành cho các website GEO location : Chỉ định địa lý cho web) Thẻ này tương tự như Meta Content Language nhưng cấu trúc khác như sau: HTML <META NAME="Language" CONTENT="english">

5. Meta Abstract Cung cấp nội dung tóm tắt cho phần mô tả của website. Thẻ này chỉ được dùng để mô tả ngắn gọn hơn để bot cóthể xác định được chính xác hơn nội dung website của bạn. Nội dung của thẻ này thường khoảng 10 từ trở lại. Ví dụ: HTML <META NAME="Abstract" CONTENT="Website khoa học kỹ thuật, giải trí và đời sống."> Thẻ này hiện tại không nằm trong các thuật toán của Google, Yahoo!, và MSN.

• 6. Meta Author Thẻ này dùng để hiển thị tác giả của một nội dung trên website. Nội dung của thẻ này thường là tên của người đã tạo ra website. Bạn nên dùng thẻ này bằng tên của mình thay vì dùng email để tránh việc bị spam mail. Nếu bạn muốn người dùng liên hệ với mình thì nên dùng một form để liên hệ sẽ tốt hơn. Ví dụ: HTML <META NAME="Author" CONTENT=“VIETSEO">

Page 11: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• 7. Meta Copyright Đây chỉ là thẻ mang tính thương hiệu hay các thông tin bản quyền cá nhân hay sở hữu trí tuệ của bạn. Ví dụ: HTML <meta name="copyright" content="Copyright 2008">

8. Meta MSN (No ODP) Thẻ này được ứng dụng cho việc mô tả website của bạn ở kết quả tìm kiếm của MSN. Do MSN thường hay sử dụng mô tả của DMOZ nên dùng thẻ này sẽ giúp cho MSN chuyển qua dùng mô tả của bạn. Dùng thẻ này sẽ cản Google lấy title từ DMOZ.orgVí dụ: HTML <META Name="msnbot" CONTENT="NOODP">

Page 12: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• Các thẻ Meta Robots hay dùng trong head

• <meta name="robots" content="index, follow">• All - Bọ tìm kiếm đánh chỉ số tất cả (ngầm định).

• None - Bọ tìm kiếm không đánh chỉ số gì hết.

• Index - Đánh chỉ số trang Web.

• Noindex - Không đánh chỉ số trang, nhưng vẫn truy vấn đường dẫn URL.

• Follow - Bọ tìm kiếm sẽ đọc liên kết siêu văn bản trong trang và truy vấn, xử lý sau đó.

• Nofollow - Bọ tìm kiếm không phân tích liên kết trong trang.

• Noarchive - Không cho máy tìm kiếm lưu vào bộ nhớ bản sao trang Web.

Page 13: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• Nocache - Chức năng như thẻ noarchive nhưng chỉ áp dụng cho MSN/Live.

• Nosnippet - Không cho bọ tìm kiếm hiển thị miêu tả sinppet của trang trong kết quả tìm kiếm vàkhông cho phép chúng hiển thị trong bộ nhớ (cache hay caching).

• Noodp - Ngăn máy tìm kiếm khỏi việc tạo các miêu tả description từ các thư mục danh bạ Web DMOZ như là một phần của snippet trong trang kết quả tìm kiếm.

• Noydir - Ngăn Yahoo khỏi việc trích miêu tả trong danh bạ Web Yahoo! Diectoryđể tạo các phần miêu tả trong kết quả tìm kiếm. Giá trị noydir chỉ áp dụng với Yahoo và không có công cụ tìm kiếm nào khác sử dụng danh bạn

• Thẻ rel="canonical“ tương tự như rel="nofollow" tránh nội dung dup khi web cónhiều phiên bản

http://www.tiepthiinternet.com/tag/th%E1%BA%BB-relcanonical-trong-seo/

Page 14: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

META TAG tại BODY

• H1, H2... H6: Dành cho các tiêu đề (header).UL, LI: Dành cho việc liệt kê.A: Liên kết.B, STRONG: Nhấn mạnh.I: Lưu ý.

Page 15: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

H1,H2,H3..H6

• Đối với HTML, bạn đã có đến 6 loại thẻ H1, H2, H3, H4, H5, H6. Con sốcàng nhỏ thì font chữ hiện ra càng to. Nghĩa là H1 là header lớn nhất vàH6 là header nhỏ nhất.

• Một trang cần Seo thì chỉ dùng duy nhất 1 thẻ H1 để mô tả thứ quantrọng nhất trên trang, giống như biển hiệu Công ty các H2,H3..H6 có thểdùng cho mục title của các bài viết khác liên quan xung quang hay các vấnđề khác mà bạn muốn nhấn mạnh thêm, chú ý tính liên quan đến H1.

• Khi thiết kế web sợ H1 Font chữ to quá làm xấu website thì ta nên épFont bằng chỉ định trong CSS

Page 16: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• <h1>Đây là heading</h1><h2>Đây là heading</h2><h3>Đây là heading</h3><h4>Đây là heading</h4><h5>Đây là heading</h5><h6>Đây là heading</h6>

Page 17: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 18: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 19: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Thẻ Li

• Thẻ <li> dùng để liệt kê 1 danh sách các đề mục, Thẻ <li> được nằm trong thẻ<ol> khi sắp xếp có thứ tự hoặc trong thẻ <ul> khi sắp xếp không thứ tự. Trước khi dùng nên reset lại các thuộc tính mặc định của nó để dể dàng kiểm soát khoảng cách giữa nó với các thành phần liên quan.

• Reset các thuộc tính bởi: margin : 0; padding : 0;…

• Khi dùng thẻ <li> nếu ta muốn dùng các thuộc tính như list-style, list-style-position. Để tạo icon đầu dòng thì không dùng thuộc tính height chung với nó. Nếu dùng chung sẽ gây ra lỗi hiển thị ở trình duyệt IE7. Trường hơp muốn tăng khoảng cách dòng giữa 2 <li> thì có thể dùng padding-top và padding-bottom.

• Dùng thẻ li phân biệt các đề mục Menu website tăng cường sức mạnh SEO cho các thưmục con trong website

Page 20: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Thẻ Anchor (Mỏ neo) và thuộc tính Href

• HTML sử dụng thẻ <a> (anchor) để tạo đường liên kết đến một tài liệu khác.Thẻ anchor có thể liên kết đến bất cứ một tài nguyên nào trên internet, chúng có thể làmột trang HTML, một tấm hình, một file nhạc, một bộ phim .v.v.Cú pháp để tạo một thẻ anchor

• <a href="url">Chữ bạn muốn seo ở đây</a>

• Thẻ <a> được sử dụng để tạo một điểm neo và liên kết bắt đầu từ đó, thuộc tính href được sử dụng để chỉ ra tài liệu sẽ được liên kết đến, và chữ ở xuất hiện ở giữa hai tag < và> sẽ được hiển thị dưới dạng siêu liên kết.Điểm neo sau xác định liên kết đến diễn đàn của vietphotoshop.com

• <a href="http://www.thaoluanseo.com">SEOMINAR1</a>

• Dòng code ở trên sẽ xuất hiện như sau trong trình duyệt.

SEOMINAR1

Page 21: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

W3C – Check lỗi html

Page 22: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

CẤU TRÚC WEBSITECấu trúc website

-Tạo cấu trúc phẳng (Flat) sao cho giảm thiểu số lick từ Home tới trang nội dung nằm sâunhất.

Page 23: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tạo cấu trúc Silo

-Trang chủ link đến các danh mục cha (category level) -> link xuống các danh mục con (sub-category) -> link xuống các trang sản phẩm (product pages).

Page 24: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

-Các trang sản phẩm link ngược lại category level thông qua breadcrumb.

Ví dụ: http://www.hotels.com/ho112923/the-waldorf-astoria-new-york-united-states/

Vì vậy khi thiết kế website, bộ phận design nên design thêm phần links này vào giao diện.

Page 25: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Sitemap, FeedTạo file Sitemap (sơ đồ website) cho người dùng và Googlebot

Sitemap cho người dùng

-Là một trang trên site liệt kê cấu trúc site với các link đến các phần trong site. Người dùng cóthể truy cập trang này khi gặp vấn đề về tìm một trang trên site bạn. Googlebot cũng vàotrang này để crawl (thu thập dữ liệu) tốt hơn.

Ví dụ: http://www.apple.com/sitemap/

Sitemap cho Googlebot

-Là file định dạng XML cập nhật những url bài viết mới trên site hoặc định dạng RSS có thểđược submit vào Google’s Webmaster Tools giúp Google dễ dàng khám phá các trang trongsite.

Ví dụ:

http://vnexpress.net/rss/gl/trang-chu.rss

http://lifehacker.com/sitemap.xml

-Như vậy trong phần giao diện nên có thêm các nút RSS

Page 26: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 27: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cấu trúc cho file ảnh

<img src="http://www.yourdomain.vn/images/ten-anh.jpg" alt="Mô tả ảnh" title="Tiêu đề ảnh" />

Page 28: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cấu trúc URL

-Đường dẫn đến danh mục nên để là: http://yourdomain.com/ten-danh-muc/

-Đường dẫn đến 1 bài viết nên để là: http://yourdomain.com/ten-bai-viet.htm hoặchttp://yourdomain.com/ten-bai-viet

Các thẻ

-Meta Description (Phần text mô tả site) có độ dài nằm trong 160 ký tự.

-Meta Title có độ dài nằm trong 65 ký tự, mỗi trang trên website có Meta title và Meta Description khác nhau (có thể lấy theo tên danh mục, tiêu đề bài viết, sản phẩm). Riêng phầndescription và title của trang chủ có thể chỉnh sửa trong admin.

Nội dung

-Mỗi trang sản phẩm, bài viết có một widget liệt kê 10 bài viết liên quan (lấy theo tiêu đề bàiviết). Nên thiết kế thêm ở giao diện phần bài viết liên quan này.

Ví dụ:

http://www.abvietnamtravel.com/vietnam-tours/classic-tours/f=detail&tour=amazing-holiday-in-vietnam-8-days-7-nights-703-1221

Page 29: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

-Trên đầu hoặc cuối mỗi bài viết có các nút social media, có thể sử dụng các dịch vụ nhưSharethis, Addthis để tích hợp code vào site.

Page 30: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cấu trúc links

-Theo cấu trúc sau: <a href="http://www.same-domain.com/" title="Keyword Text">Keyword Text</a> -Tất cả các links ở dạng HTML links, từ links category, menu, tránh sử dụngJavascript. Links nhúng trong Flash, Java applets rất khó để Googlebot crawl.

Page 31: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 32: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

CÀI ĐẶT VÀ TỐI ƯUWEBSITE (WP) – Phần thực hành sẽhọc thêm trong các buổi thực hành

WWW.VIETSEO.VNwww.seotop1google.com

www.daotaoseo.com

Page 33: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt tên miền (DNS)

Page 34: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt tên miền (Records)

Page 35: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Hosting Control panel

Page 36: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Sub, parked, addon domains

Page 37: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

301 redirect (permanent)

Page 38: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt website (WP)

Page 39: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 40: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 41: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

http://domain.com/wp-admin/index.php

Page 42: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

QUẢN TRỊ WORDPRESS

Page 43: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 44: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

SET đặc tính cho Search crawling

Page 45: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Đặt số lượng bài viết trên trang chủ

Page 46: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cách tạo đường dẫn tối ưu hóa cho web

Page 47: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt Plugin cho website

Page 48: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Kích hoạt Plugin cho website

Page 49: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cách tạo thư mục cho web

Page 50: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Viết bài, xuất bản bài viết trên website

Page 51: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 52: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Upload pics, pdf, Doc, XlsU

Tải ảnh, Video, media, PDF, Xls, docU lên bài viết

Page 53: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Upload pics, pdf, Doc, XlsU

Tải ảnh, Video, media, PDF, Xls, docU lên bài viết

Page 54: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Upload pics, pdf, Doc, XlsU

Tải ảnh, Video, media, PDF, Xls, docU lên bài viết

Page 55: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Ngắt trang – mở rộng chức năng bộ editor

Page 56: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt giao diện webite

Page 57: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt giao diện webite

Page 58: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt tính năng của giao diện

Page 59: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt WIDGETS cho các Menu phải trái

Page 60: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Sửa CSS, Tùy biến code của giao diện

Page 61: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt SEO Plugin – All in one seo pack

Page 62: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt All in one SEO PACK

Page 63: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt All in one SEO PACK

Page 64: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt All in one SEO PACK

Page 65: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt ANTI-SPAM Plugin

Page 66: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt ANTI-SPAM Plugin

Page 67: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài đặt ANTI-SPAM Plugin

Page 68: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Cài Plugin tạo bài viết liên quan

Page 69: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu Tag bài viết

Page 70: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu Tag bài viết

Page 71: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu Tag bài viết

Page 72: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tạo menu tùy biến bất kỳ

Page 73: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tạo menu tùy biến bất kỳ

Page 74: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Các WP plugin nâng cao tùy chọn

• Breadcrumb cho site (Navigation)

• Smart link cho tùy biến Internal link

• Auto sitemap cho WP

• Add this plugin cho SMO

• Total cache giảm tải cho site lớn

• Category SEO (Put h1/thẻ tag cho cate)

Page 75: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn
Page 76: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Breadcrumb

• Google đã hiển thị breadcrumb ở trang kết quả tìm kiếm. Thực tế nếu website của bạn có cấu trúc thẻ HTML tốt thìGoogle vẫn có thể phân tích và nhận biết được cácbreadcrumb này. Tuy nhiên, có một số cấu trúc chuẩnHTML bạn có thể áp dụng để giúp Google hiểu đượcbreadcrumb dễ dàng hơn. Nếu bạn dùng chức năngInspect Element trong Google Chrome hoặc của pluginsFirebug sẽ thấy đoạn breadcrumb trên có mã HTML nhưbên dưới:

Page 77: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• HTML Code:• <ol class="breadcrumb top ipsList_inline left"> <li itemscope=""

itemtype="http://abc.com"> <a href="http://www.abc.com/" itemprop="url"> <span itemprop="title">Diễn đàn Khoa học Kỹ thuật</span> </a> </li> <liitemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"> <span class="nav_sep">→</span> <a href="http://abc.com/dien-dan/khoa-hoc-tu-nhien/" title="Trở về KHOA HỌC TỰ NHIÊN" itemprop="url"><span itemprop="title">KHOA HỌC TỰ NHIÊN</span></a> </li> <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"> <span class="nav_sep">→</span> <a href="http://abc.com/dien-dan/90-khoa-hoc-ky-thuat/" title="Trở về Khoa Học Kỹ Thuật" itemprop="url"><span itemprop="title">Khoa Học Kỹ Thuật</span></a> </li> <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"> <span class="nav_sep">→</span> <a href="http://abc.com/dien-dan/208-ky-thuat-hang-khong/" title="Trở về Kỹ Thuật Hàng Không" itemprop="url"><span itemprop="title">Kỹ Thuật Hàng Không</span></a> </li> </ol>

Page 78: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

• Phân tích đoạn HTML trên bạn có thể bỏ qua nhữngthuộc tính class mà chỉ cần quan tâm đến các thuộc tínhnhư itemscope, itemtype, itemprop.- itemscope: dùng để định nghĩa khu vực cho từng thànhphần trong breadcrumb.- itemtype: dùng để khai báo cho Google biết định nghĩavà nhận dạng data cho thuộc tính itemprop.- itemprop: thuộc tính để định dạng cấu trúc, để địnhdạng cho cấu trúc breadcrumb bạn cần những properties như url, title.

Page 79: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

64 Tiêu chí Onpage chính

• http://www.surveymonkey.com/s/seoonpage - Công cụ onpagemẫu của VIETSEO.VN

Page 80: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu từ khóa

1) Liệu tôi đã thực hiện việc nghiên cứu từ khóa một cách đầy đủ và tìm được tất cả cáctừ khóa liên quan tới thị trường của mình chưa?2) Liệu tôi đã chọn đúng các từ khóa với mức độ cạnh tranh phù hợp hay chưa?3) Liệu những nội dung tôi đã viết có thật sự hữu ích với người dùng và thân thiện vớicác cỗ máy tìm kiếm hay không? Lỗi chính tả đã được kiểm tra hay chưa?4) Liệu phần tiêu đề và mô tả của các trang nội dung đó đã độc đáo?5) Tôi đã tối ưu hóa các thẻ Title, Meta-description và các thẻ Headings (H1-H6) cho từkhóa được chọn hay chưa (Title 65 ký tự, Description 165 Ký tự, mỗi 1 trang là 1 title vàdescription khác nhau)6) Liệu phần Title và Description đã đủ hấp dẫn với người tìm kiếm?7) Thẻ Alt ảnh đã được tối ưu hóa hay chưa?8) Liệu các từ khóa quan trọng đã xuất hiện ở phần đầu của nội dung hay chưa? có từtrên xuống dưới và từ trái qua phải không?9) Liệu các trang nội dung có vô tình cạnh tranh lẫn nhau cho cùng một từ khóa trêntrang kết quả?10) Liệu các từ khóa cần SEO nhóm 1 đã có link từ trang chủ đến? và nhóm từ khóa cầnSEO 2 đã có link từ các chuyên mục, Tag, Link trong, dưới bài viết ?

Page 81: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu URL, HOST, CODE

• 11)Đã xử lý www (forward 301) hay Canonical chưa? " <link rel="canonical "ref="http://www.domain.com"/>12)URL đã viết lại theo cấu trúc domain.com/category/baiviet hay chưa?13) http://domain.com/robots.txt xem có chặn nhầm các mục cần SEO?14) Đã có các file 404 thân thiện với người dùng hay chưa?15) Các thư mục đường dẫn domain.com/thumuc1/thumuc2/baiviet --> liệu khi

xóa và lùi từng level trở về thư mục gốc thì liệu có ra nội dung tương ứng? hay not found? Liệu Thumuc1 có chứa thông tin và liên kết về thumuc2 hay không?16) Check điểm Google Page Speed trên 60/70 chưa?17) Host location (Việt nam hay NN)18) Code đóng hay dùng open source, nếu open source thì update code thường

xuyên hay không, có dùng các plugin, themes có bản quyền hay không?

Page 82: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu nội dung

• 19)Nội dung có đủ 100 chữ trở lên?20)Có mục bài viết mới nhất hay dễ nhìn nhất chưa?21)Có mục bài viết xem nhiều nhất, quan tâm nhất chưa?22)Ảnh minh họa có tên ảnh cần SEO và đủ good về nội dung và kích thước?23) Thẻ H1 có đảm bảo đủ ngắn và súc tích?24) Các link trong , dưới bài viết có hữu ích hay link tùm lum và cảm giác spam

link nhằm SEO?25) Dưới bài viết có sẵn link đến các bài liên quan, bài mới viết hay chưa?26) Bài viết có đảm bảo các ảnh minh họa độc đáo hợp ngữ cảnh hay chưa?27) Bài viết có thống nhất 1 phông chữ và các box tóm tắt nội dung là cỡ chữ to

hơn màu khác?28) Bài viết có đảm bảo SAPO viết đậm hơn?

Page 83: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu SMO

• 29)Dưới chân bài viết có nút share facebook, Like facebook, Pinterest, G+ , twitter hay không?30)Các nút share bên phải, trái có che mất text nếu co màn hình về800 hay không?31)Có nhúng facebook bagde fanpage của website chưa?32)Dưới bài viết có LINK đến G+ profile và dùng thẻ Rel author chưa?

• <a href="https://plus.google.com/u/0/108558128275360008370" rel="AUTHOR">Tuan Ha</a>33)Có dùng Rate review bài viết?

Page 84: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu CRO

• 31)Website có từ 2 ngôn ngữ hoặc cài Google translate tools?32)Website có mục giới thiệu33)Website có mục liên hệ rõ ràng chưa?34)Website có bố trí HOTLINE ở chỗ luôn dễ thấy?35)Các sản phẩm và dịch vụ chính nhất liệu dễ tìm ngay từ trang chủ?36)Dưới tất cả chân trang web liệu có địa chỉ công ty, điện thoại và email?37)Liệu bạn đã có SSL cho mục checkout hay đăng nhập?38)Đăng nhập vào web của bạn đã cho phép dùng OpenID/ Facebook hay

GMail?39)Liệu bạn đã tắt comments và mở comment bằng bên thứ 3 để tránh spam?40)Liệu Form email chỉ send email chứ không lưu vào database? và đã có

Captcha hay chưa?41)Liệu trên website đã có Livechat/ yahoo/ Skype để support?42)Liệu website của bạn có phần help bằng Tickets?43)Liệu website có Sitemap người dùng?44)Liệu website có phần FAQ?

Page 85: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Tối ưu Rich Snippets

Bài viết tham khảo về RICH SNIPPETSTìm hiểu thêm về Rich Snippets tạiđây: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=99170Cách hiển thị avatar của tác giả và liên kết tới tài khoảnGoogle+: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986Rich Snippets Reviews: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=146645&ctx=cb&src=cb&cbid=17mp1a562d5ha&cbrank=1Công cụ test Rich Snippets cho URL: http://www.google.com/webmasters/tools/richsnippets* Tham khảo bài giới thiệu về Rich Snippets Tiếng Việt của Ngọc Chính tạiđây: http://ngocchinh.com/cach-hien-thi-logo-tren-google/

Page 86: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Các tiêu chí khác

• 47)Bạn đã dùng thẻ original-source và syndication-source cho trang Báo điện tử?48)Bạn đã dùng thẻ Standout Tag cho Google news lấy tin từ Báo điện tử?49)Bạn có dùng thẻ Noarchive ?50)Bạn có dùng thẻ xác định ngôn ngữ (Thẻ Lang)?51)Bạn có dùng thẻ No DMOZ tag?52)Bạn có dùng thẻ No follow cho các Link out?53)Bạn có check Hidden text, Phông chữ siêu nhỏ?54)Bạn có check xem có Iframe trong website?55)Bạn có check xem có Ajax tab trong web? nếu có thì check Bot simulation để nhìn Link in xem cóxuất hiện nội dung hay Link theo ajaxTab hay không?56)Bạn check xem web có cài GA hay công cụ đếm nào không?57)Bạn xem có mục Privacy and terms không?58)Logo đã có alt và link về trang chủ?59)Phần banner minh họa đã có dùng ảnh tự chụp hay chưa?60)Có sử dụng Spite CSS chưa61)Đã check xem chắc chắn website không bị Auto refresh?62)Check khẳn định website không có POP UP hay quảng cáo đè màn hình?63)Check xem các box quảng cáo không quá 50% diện tích màn hình chưa?64)Khẳng định trang chủ không là Full flash? hoặc nếu có thì cần có lượng text và link đủ seo?

Page 87: Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vn

Bài tập onpage cơ bản• CHỌN DOMAIN ? HOẶC WEBSITE sẽ bàn giao vào cuối tuần này để mọi người tối ưu hóa

• Đã cài WP sẵn, mọi người theo chỉ dẫn tự tối ưu hóa

• Dùng công cụ ONPAGE của VIETSEO để đánh giá website mẫu là trang www.muare.vnwww.muare.vn

• http://www.surveymonkey.com/s/seoonpage

•• CHCHÚÚ Ý Ý : : ĐÂY LĐÂY LÀÀ TTÀÀI LII LIỆỆU SEO PRO BU SEO PRO BẢẢN QUYN QUYỀỀN CN CỦỦA CLB SEO VIA CLB SEO VIỆỆT NAM T NAM –– CCẤẤM SAO CHM SAO CHÉÉP NHÂN BP NHÂN BẢẢN N vvàà PHPHÁÁT TT TÁÁN N TRÊN MTRÊN MẠẠNG DƯNG DƯỚỚI MI MỌỌI HÌNH THI HÌNH THỨỨCC