ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
CHƯƠNG 3: SEO ON-PAGE Biên soạn: ThS. Võ Tấn Khoa
Nội dung 1. 2.
Cấu trúc website Giúp Google biết từ khoá mục tiêu của website
3. 4.
Tăng tỉ lệ chọn vào website Tốc độ tải trang
5. 6.
Sitemaps.xml và robots.txt Trùng lắp nội dung – canonical tag
7. 8. 9. 10. 11. 12.
Tính hữu dụng – cách giải thích theo SEO mới Hỗ trợ thiết bị di động Nguyên tắc chất lượng tìm kiếm trên Google Sự rõ ràng về nội dung của website Tăng lưu lượng truy cập và thứ hạng dựa trên tiếp thị nội dung Tối ưu hoá hành vi người dùng 3
SEO On-page ØĐảm bảo nội dung trang web hiển thị cho các cơng cụ tìm kiếm. ØĐảm bảo trang web của bạn khơng chặn các cơng cụ tìm kiếm. ØĐảm bảo các cơng cụ tìm kiếm chọn các từ khoá mà bạn muốn. ØĐảm bảo khách truy cập trang web đang có trải nghiệm người dùng tích cực.
4
1. Cấu trúc website ØCấu trúc website tốt giúp SEO dễ dàng và tự động. ØURL thân thiện với cơng cụ tìm kiếm. ØĐiều hướng nội tuyến được xếp đặt một cách khoa học.
5
1.1 URL thân thiện với cơng cụ tìm kiếm ØTránh: • />• Lý do: dễ gây sự bối rối, nhầm lẫn cho cơng cụ tìm kiếm và người truy cập web.
ØNên: • /> ØTop 10 Google thường có URL rõ ràng, sạch. ØHầu hết các CMS – Content Management System (hệ thống quản lý nội dung) web đều tích hợp sẵn việc hỗ trợ tạo các URL rõ ràng.
6
1.2 Điều hướng nội tuyến ØKhơng có giới hạn về cách cấu trúc điều hướng của trang web. ØTránh việc buộc khách xem hoạt ảnh hoặc phần giới thiệu trước khi họ có thể truy cập vào trang web.❌ ØMenu của trang web thường đơn giản đặt dọc theo đầu trang hoặc chạy xuống phía trái của sổ trình duyệt.✅
ØNguyên tắc chung: tạo điều kiện cho người dùng càng dễ dàng thao tác thì bot của Google cũng vậy. ØĐiều hướng trang web phải được tạo bằng các liên kết văn bản thực✅, khơng phải hình ảnh❌. ØTrang chủ cần bao gồm các liên kết đến trang bạn muốn hiển thị cho các cơng cụ tìm kiếm và khách. 7
2. Giúp Google nhận biết từ khố mục tiêu ØViệc khơng có từ khố trên trang khiến Google khó đối sánh trang với từ khoá bạn muốn xếp hạng. ØCần phải đưa từ khoá vào trang web để tối ưu hoá. ØTừ khoá phải hiển thị cho người dùng. ØCách tiếp cận: tạo nội dung xung quanh từ khoá, đưa từ khoá vào trang một cách tự nhiên.
8
2. Giúp Google nhận biết từ khố mục tiêu ØTránh: •“Chào mừng đến với cửa hàng áo đấu của NFL. Ở đây chúng tơi có rất nhiều mẫu áo NFL, với nhiều loại áo NFL bao gồm áo NFL của nữ, áo NFL của nam và áo NFL của trẻ em và nhiều hơn nữa.” •Đây là cách tiếp cận cũ, từ khố xuất hiện không tự nhiên, và lặp lại quá nhiều lần.
9
2. Giúp Google nhận biết từ khoá mục tiêu ØĐảm bảo có một số từ khố LSI trên trang của mình. ØLSI – Latent Semantic Indexing (chỉ mục ngữ nghĩa tiềm ẩn). Đây là thuật ngữ trong SEO chỉ các cụm từ có liên quan. ØĐể tối ưu hố thành cơng một trang, bạn cần có các từ khố chính và các từ khố liên quan trong trang. ØTìm 2-3 từ khố liên quan đến từ khố chính và lặp lại những từ khố này trong trang 1-2 lần mỗi từ. ØLSIGraph là công cụ phù hợp giúp bạn tìm kiếm các từ khố mà Google cho là có liên quan đến các từ khố chính.
10
2. Giúp Google nhận biết từ khoá mục tiêu ØSử dụng LSIGraph và nghiên cứu từ khoá để xác định danh sách các từ khố có liên quan nhất. • LSIGraph– Free: /> ØCác khu vực bạn có thể đưa từ khố vào trang bao gồm: • Mơ tả (description) và tiêu đề (title) của thẻ meta • Văn bản của các thẻ <a> điều hướng • Các thẻ tiêu đề điều hướng • Tiêu đề (thẻ h1, h2, h3 và h4) • Nội dung văn bản • Văn bản in đậm và in nghiêng • Liên kết nội bộ trong nội dung • Tên tệp hình ảnh, thuộc tính alt và tilte của thẻ hình ảnh • Tên tệp video, tiêu đề video 11
3. Tăng tỉ lệ nhấp chuột ØHãy sử dụng triệt để thẻ meta. ØVí dụ: <title>Paul’s NFL Jerseys</title>
<meta name="robots" content="noodp, noydir"/> ØThẻ tiêu đề có tối đa 70 ký tự. ØMơ tả của thẻ meta có tối đa 155 ký tự. 12
3. Tăng tỉ lệ nhấp chuột ØĐể thay đổi thẻ này trên trang web, ta có 3 tuỳ chọn. • Sử dụng phần mềm mà trang web bạn được xây dựng: WordPress… • Nhờ team phát triển web. • Có kiến thức web -> tự làm.
13
4. Tốc độ tải trang ØYếu tố quan trọng mà Google xem xét khi quyết định xếp hạng các trang của bạn trong kết quả tìm kiếm. ØTốc độ tải trang nhanh là một yếu tố tích cực – Matt Cutts (cựu trưởng bộ phận spam web của Google). ØCải thiện tốc độ tải trang là điều cần làm, không được bỏ qua. ØMọi trang web xây dựng khác nhau, cấu hình máy chủ khác
nhau, vậy cải thiện tốc độ trang dựa trên những yếu tố nào?
14
4. Tốc độ tải trang ØLưu trữ trang web của bạn ở thành phố có khách hàng ở đó. ØSử dụng CDN – Content Delivery Network (mạng phân phối nội dung) để lưu trữ trang web ở các máy chủ trên toàn thế giới: Amazon CloudFront, MaxCND, Cloudflare. ØKích hoạt các thành phần giúp tăng tốc độ tải trang trên các CMS, ví dụ trên wordpress có W3 Total Cache (tối ưu bộ nhớ đệm). ØThu nhỏ các tệp lớn trên trang web. Ví dụ: giảm kích thước ảnh bằng các công cụ như Photoshop. 15
4. Tốc độ tải trang Các công cụ hỗ trợ kiểm tra tốc độ tải trang: 1. Google Page Speed Insight: />2. Test My Site – Think With Google: />3. Pingdom Tools – Website Speed Test: />4. Lighthouse - Tools For Web Developer – Google: /> 16
5. Sitemaps.xml và robots.txt 5.1 Sitemap.xml 5.2 Robots.txt
17
5.1 Sitemaps.xml ØTệp đặc biệt trên mỗi trang web mà các cơng cụ tìm kiếm ln tự động tìm. ØBắt buộc phải có để giúp các cơng cụ tìm kiếm dễ dàng khám phá các trang trên web của bạn. ØSơ đồ trang web khổng lồ, làm sao tạo? ØCác CMS đều có tích hợp việc tự động tạo sitemap: Wordpress, Magento, Shopify. ØXML Sitemaps Generator: />ØTải file này lên thư mục chính của trang web. Kiểm tra bằng cách truy cập vào liên kết: />ØSau đó cần đưa sitemap này lên Google Search Console. Có thể làm theo hướng dẫn sau: />18
5.2 Robots.txt ØPhải có cho mọi website. Tệp này nằm cùng vị trí với sitemaps.xml: />ØTệp này cho biết: • Khu vực trên trang web mà bạn không muốn Google liệt kê trong kết quả của cơng cụ tìm kiếm. • Đảm bảo các khu vực được mở để cơng cụ tìm kiếm vào.
ØVăn bản thuần tuý. Ví dụ: # robots.txt good example User-agent: * Disallow: /admin User-agent: * Disallow: /logs
# robots.txt - blocking the entire site
User-agent: * Disallow: /
19
6. Trùng lặp nội dung – canonical tag ØGoogle Panda xử phạt các trang web có nội dung trùng lặp. ØNhiều CMS đơi khi tự động tạo nhiều phiên bản của một trang. •Ví dụ: trang web của bạn có trang sản phẩm về ổ cắm điện, nhưng được truy cập từ nhiều liên kết khác nhau như: • />• />• />20
6. Trùng lặp nội dung – canonical tag ØĐể giải thích tránh bị phạt, bạn phải đặt 1 thẻ đặc biệt trên mọi trang trong website của mình, đó gọi là thẻ canonical. ØThẻ canonical cho biết phiên bản gốc của trang web với các cơng cụ tìm kiếm. Bằng cách cho google biết đâu là phiên bản “đúng” để được liệt kê trong kết quả tìm kiếm. ØThường chọn URL dễ hiểu nhất đối với người dùng. Lấy ví dụ trước:
ØTheo quy tắc chung, hãy bao gồm thẻ này trên mọi trang trên web của bạn, ngay trước thẻ </head> 21
7. Tính hữu dụng của Website
Ø2017 thị phần internet của điện thoại di động và máy tính bảng chiếm 56% tổng lưu lượng truy cập website so với máy tính. ØGoogle càng ngày càng tạo lợi thế cho các trang web cung cấp trải nghiệm tốt cho người dùng trên mọi thiết bị. ØVí dụ: • Giả sử một người dùng di động đang tìm dịch vụ giao bánh mì vào đêm muộn ở Thủ Đức. Một doanh nghiệp địa phương có một trang web có số lượng lớn liên kết ngược (backlink) nhưng khơng có hỗ trợ đặc biệt cho người dùng di động, người dùng rất khó điều hướng vì nó khơng tự động vừa với màn hình và văn bản menu nhỏ và khó sử dụng trên màn hình cảm ứng. • Một doanh nghiệp địa phương cạnh tranh khác có số lượng liên kết ngược thấp, nhưng hỗ trợ tốt cho người dùng di động. Thiết kế của nó hồn tồn phù hợp với màn hình và có điều hướng đặc biệt được thiết kế cho người dùng di động, giúp người dùng dễ dàng sử dụng. • Trong nhiều trường hợp, trang web thứ hai giờ đây sẽ xếp hạng cao hơn trang web thứ nhất, dành cho người dùng di động. Đây chỉ là một ví dụ về khả năng sử dụng có thể có tác động đáng kể đến thứ hạng của bạn như thế nào. 22
7. Cải thiện tính hữu dụng của Website 1. Làm cho trang web của bạn có thể truy cập được cho tất cả các thiết bị. Website responsive là rất cần thiết. • Mobile friendly Test – Google /> 2. Tăng chất lượng nội dung trang web: bài viết tốt, video quay sản phẩm (nếu có), người dùng sẽ dành thời gian trên web nhiều hơn, và chia sẻ bài viết. Google thấy điều này và tăng thứ hạng cho bạn. 3. Xây dựng trang web với mã nguồn sạch đẹp, gọn gàng. Dùng công cụ để kiểm tra mã nguồn HTML: • Web standards validator: /> 4. Quản lý cửa sổ quảng cáo dưới dạng popup, đảm bảo nó khơng ảnh hưởng đến nội dung chính của website.
23
7. Cải thiện tính hữu dụng của Website 5. Tăng cường kiểm tra khả năng hoạt động tổng thể của website: • •
Loại bỏ các liên kết chậm hoặc hỏng, tương tự cho các hình ảnh hỏng. Dùng dịch vụ của các cơng ty lưu trữ web đáng tin cậy, khơng bị “bóp” lưu lượng truy cập. Tốt hơn nữa, máy chủ web nên đặt ở thành phố nơi mà khách hàng truy cập nhanh hơn. • Xử lý lỗi 404 trên website. Có thể dùng cơng cụ Google Search Console để thu thập thông tin các trang đang bị lỗi 404: />• Ngồi ra, các cơng cụ giúp tăng tốc độ, khả năng sử dụng web hữu ích khác như: • BrowserStack - Free to try, plans start at $29/month cho phép kiểm tra website trên 700 tab một lúc, xem kích thước trang web hoạt động trên máy tính bảng, thiết bị di động, và tất cả các trình duyệt khác nhau. • Try my UI - Free to try, additional test results start at $35. nhận phản hồi từ người dùng khảo sát. 24
8. Hỗ trợ thiết bị di động ØVào tháng 4/2015, Google phát hành bản cập nhật mới: trang web có hỗ trợ di động xếp hạng cao hơn trong kết quả tìm kiếm trên thiết bị di động của Google. ØGoogle thúc đẩy cuộc cách mạng với thiết bị di động -> ưu tiên mới của google. ØDo đó, website của bạn cần phải triển khai hỗ trợ di động nếu muốn có thứ hạng cao trên cơng cụ tìm kiếm.