SEO cho Developers: 10 Thực hành Tốt nhất bạn nên biết

Bạn đã dành nhiều thời gian và công sức để phát triển một website. Và bạn muốn nhiều người hơn nhìn thấy nó.

Đó chính là lý do cần đến search engine optimization (SEO).

Trong bài viết này, chúng ta sẽ bàn về SEO dành cho web developers và những thực hành tốt nhất bạn nên tuân theo.

Nhưng trước hết, hãy bắt đầu với những kiến thức cơ bản.

Kiến thức cơ bản về SEO cho Developers

SEO giúp cải thiện khả năng hiển thị website của bạn trên trang kết quả tìm kiếm (SERPs).

Nó bao gồm tối ưu các yếu tố on-page (như nội dung và thẻ HTML), xây dựng các tín hiệu off-page (như đề cập trên mạng xã hội và backlink từ các website khác), cùng với cải thiện các khía cạnh kỹ thuật (như cấu trúc site và hiệu suất).

Trong khi các writer và marketer phụ trách on-page SEO và off-page SEOthì developers thường đảm nhận phần technical SEOchủ yếu tập trung vào việc giúp search engines dễ dàng crawl (khám phá trang) và index (lưu trữ) nội dung của bạn.

Vì vậy, việc cải thiện kỹ thuật giúp search engines hiểu website của bạn tốt hơn.

Tại sao Developers nên quan tâm đến SEO

Khi website của bạn đạt kết quả SEO tốt, điều đó cuối cùng sẽ thúc đẩy tăng trưởng và giúp công ty bạn đạt mục tiêu kinh doanh.

Làm sao?

Mã bạn viết và các quyết định kỹ thuật bạn đưa ra ảnh hưởng trực tiếp đến cách website hiển thị trên search engines. Đồng thời cũng tác động đến trải nghiệm người dùng (UX).

Điều này có thể dẫn đến:

• Thứ hạng được cải thiện (vị trí cao hơn) trên SERPs
• Nhiều hơn organic (không trả phí) traffic
• Nhiều khách hàng hơn

Tất cả những điều này góp phần tăng doanh thu.

10 Thực hành SEO tốt nhất dành cho Developers

Dưới đây là các hướng dẫn SEO được chúng tôi khuyến nghị cho phát triển website:

1. Tạo cấu trúc website rõ ràng

Việc tạo một cấu trúc website thân thiện với SEO có nghĩa là tổ chức site sao cho dễ hiểu với cả người dùng và search engines.

Nó nên phản ánh được hệ thống phân cấp của website và chỉ rõ mối quan hệ giữa các trang. Điều này cũng được thể hiện trong URL của bạn.

Ví dụ, một URL như "yourwebsite.com/products/kitchen/blenders" cho thấy “blenders” thuộc danh mục “kitchen”. Và cả hai đều nằm trong phần “products” trên site của bạn.

Cấu trúc website hợp lý nên trông như sau:

Sử dụng internal links (liên kết trên site của bạn dẫn đến các trang khác trong cùng site) để củng cố cấu trúc này. Và giúp người dùng cùng search engines dễ dàng điều hướng website hơn.

Cách nhóm và tổ chức nội dung này giúp đơn giản hóa việc điều hướng và hỗ trợ các công cụ tìm kiếm crawl và index trang của bạn hiệu quả hơn.

2. Quản lý Redirects cẩn thận

Redirects chuyển người dùng và công cụ tìm kiếm từ một URL sang URL khác. Chúng rất quan trọng khi bạn xóa trang, thay đổi cấu trúc site hoặc di chuyển site sang domain mới.

Quản lý redirects đúng cách giúp bảo toàn Link Equity (quyền lực thứ hạng) và trải nghiệm người dùng trên site. Đồng thời ngăn người dùng và công cụ tìm kiếm gặp phải các vấn đề như liên kết hỏng, 404 errors (biểu thị tài nguyên không tìm thấy), và các vòng redirect không bao giờ dẫn đến đích cuối cùng.

Để tránh các vấn đề này:

• Sử dụng 301 redirects cho các thay đổi URL vĩnh viễn để giúp chuyển Link Equity sang URL mới
• Sử dụng 302 redirects chỉ cho các thay đổi URL tạm thời. Ví dụ khi bạn thiết kế lại website và sẽ khôi phục URL gốc sau. Chúng không chuyển Link Equity như 301 redirects.
• Luôn redirect đến đích cuối cùng bạn muốn. Để tránh tạo ra chuỗi hoặc vòng lặp redirect gây ảnh hưởng xấu đến trải nghiệm người dùng và hiệu suất SEO.

Kiểm tra chuỗi và vòng lặp redirect bằng công cụ Site Audit.

Làm theo hướng dẫn cấu hình Site Audit để thiết lập dự án của bạn.

Sau khi cấu hình, vào tab "Issues" tab and search "redirect chain" or “redirect loop.”

Nhấp vào “# redirect chains and loops.”

Bạn sẽ thấy các trang bị ảnh hưởng.

Để sửa chuỗi, redirect từng URL trong chuỗi đến trang đích bạn muốn.

Để sửa vòng lặp, bạn cần thay đổi một redirect sao cho trỏ đến đích cuối cùng đúng, không quay lại URL trước đó.

3. Bảo mật website với HTTPS

Hypertext transfer protocol secure (HTTPS) mã hóa dữ liệu trao đổi giữa trình duyệt người dùng và website của bạn. Giúp bảo vệ thông tin nhạy cảm như đăng nhập và dữ liệu cá nhân.

HTTPS là một ranking factor. Vì vậy, bảo mật website bằng HTTPS có thể cải thiện thứ hạng trên công cụ tìm kiếm và xây dựng lòng tin với khách truy cập.

Để chuyển sang HTTPS:

• Lấy chứng chỉ secure sockets layer/transport layer security (SSL/TLS) từ nhà cung cấp hosting của bạn (như Bluehost). Nhiều nhà cung cấp hosting cung cấp chứng chỉ này miễn phí hoặc dưới dạng add-on.
• Kích hoạt chứng chỉ theo hướng dẫn của nhà cung cấp hosting hoặc nhà cung cấp chứng chỉ. Họ thường sẽ hướng dẫn bạn qua các bước.
• Cập nhật cài đặt website để dùng HTTPS thay cho HTTP. Nhà cung cấp hosting có thể có tùy chọn đơn giản cho việc này hoặc bạn cần chỉnh sửa file cấu hình để ép buộc kết nối HTTPS.
• Thiết lập 301 redirects từ HTTP sang HTTPS cho toàn bộ trang web của bạn. Điều này thông báo cho các công cụ tìm kiếm và người truy cập sử dụng phiên bản bảo mật — ngay cả khi họ cố truy cập phiên bản không bảo mật.

Tham khảo hướng dẫn của chúng tôi về How to Redirect HTTP to HTTPS (+ Best Practices) để được hướng dẫn từng bước.

Để kiểm tra xem có vấn đề gì với việc triển khai HTTPS của bạn không, hãy sử dụng Site Audit.

Nhấn “View details” trong phần “HTTPS”.

Bạn sẽ thấy điểm tổng thể và các vấn đề cần được khắc phục.

Nhấn "Why and how to fix it" bên cạnh bất kỳ vấn đề nào được đánh dấu để tìm hiểu thêm và cách khắc phục.

4. Làm cho trang web của bạn thân thiện với thiết bị di động

Trang web của bạn phải hoạt động tốt trên thiết bị di động để có thứ hạng cao trong kết quả tìm kiếm. Vì Google ưu tiên phiên bản di động của website để Indexing và phục vụ trang cho người dùng.

Một trong những cách tốt nhất để đảm bảo trang web thân thiện với di động là áp dụng responsive design.

Responsive design sử dụng HTML và CSS để tự động điều chỉnh bố cục trang web phù hợp với kích thước màn hình người dùng. Điều này giúp trang dễ đọc và dễ điều hướng trên mọi thiết bị.

Nếu bạn dùng website builder hoặc content management system (CMS), bạn có thể dễ dàng làm điều này bằng cách chọn theme responsive.

Ví dụ, bạn có thể tìm nhiều theme WordPress responsive trên các marketplace như Themeforest.

Nếu bạn tự code website hoặc cần biến trang không responsive thành responsive, hãy dùng CSS media queries và bố cục linh hoạt.

Những kỹ thuật này cho phép bạn điều chỉnh theo các kích thước màn hình khác nhau và tự động thay đổi kích thước hoặc ẩn các phần tử khi cần.

Ngoài việc dùng responsive design, hãy ưu tiên trải nghiệm di động ngay từ giai đoạn phát triển bằng cách:

• Đơn giản hóa menu
• Tăng kích thước nút bấm
• Đảm bảo điều hướng thân thiện với thao tác chạm
• Sử dụng cỡ chữ dễ đọc
• Tận dụng khoảng trắng
• Giảm thiểu pop-up

Để kiểm tra các vấn đề liên quan đến di động trên trang, hãy dùng Site Audit.

Trong quá trình thiết lập, hãy đảm bảo crawler được đặt thành "SiteAuditBot-Mobile.", mô phỏng cách Google crawl trang web của bạn. Và nhấn vào "Start Site Audit."

Khi audit hoàn tất, vào tab "Issues" tab from your report dashboard. And search "mobile" to focus on mobile-specific issues.

Khắc phục các vấn đề và chạy lại audit để đảm bảo chúng đã được giải quyết.

Đọc thêm: The Complete Guide to Mobile SEO: 8 Tips & Best Practices

5. Tăng tốc trang web của bạn

Đảm bảo trang web tải nhanh có ảnh hưởng trực tiếp đến thứ hạng trên công cụ tìm kiếm và cải thiện trải nghiệm người dùng.

Vì vậy, hãy chủ động thực hiện các bước để website của bạn tải nhanh nhất có thể. Đây là một trong những mẹo SEO quan trọng nhất dành cho các nhà phát triển web.

Sử dụng công cụ của Google PageSpeed Insights để xem các trang cụ thể trên site của bạn hoạt động như thế nào về tốc độ trên thiết bị di động và desktop.

Kéo xuống để kiểm tra phần chẩn đoán. Dựa vào đó, bạn hãy thực hiện các bước cải thiện tốc độ trang.

Để đánh giá tốc độ trên toàn bộ website, hãy sử dụng Site Audit.

Vào báo cáo tổng quan của bạn và nhấp vào “View details” trong phần “Site Performance”.

Bạn sẽ thấy một điểm tổng thể và các vấn đề liên quan đến tốc độ và hiệu suất website của bạn.

Thông thường, bạn sẽ thấy các hình ảnh lớn làm chậm tốc độ tải trang.

Vì vậy, hãy nhờ đội marketing sử dụng các công cụ miễn phí như TinyPNG để giảm dung lượng file ảnh và chọn các định dạng hiện đại như JPEG, PNG và WebP.

Và bạn cũng nên biết rằng mã code có các ký tự thừa, khoảng trắng và dòng dư thừa cũng làm chậm website. Vì vậy, hãy minify code bằng cách sử dụng các công cụ minify được Google khuyến nghị..

Đọc thêm: Page Speed là gì & cách cải thiện nó

6. Triển khai Structured Data

Structured data (còn gọi là schema markup) là đoạn code cung cấp thông tin bổ sung (ví dụ: giá sản phẩm) giúp các công cụ tìm kiếm hiểu rõ hơn về nội dung trên site của bạn. Điều này có thể tăng khả năng hiển thị trong kết quả tìm kiếm và tăng organic traffic.

Làm thế nào?

Bằng cách làm cho nội dung của bạn đủ điều kiện để hiển thị rich snippets, tức là các chi tiết bổ sung được hiển thị trực tiếp trong kết quả tìm kiếm. Ví dụ như sau:

Để triển khai structured data:

• Làm việc cùng đội SEO hoặc marketing để xác định nội dung nào có thể hưởng lợi từ structured data. Các loại schema phổ biến bao gồm sản phẩm, bài viết, công thức nấu ăn, sự kiện và đánh giá.
• Tham khảo Google's documentation về structured data dành cho nhà phát triển để tìm schema phù hợp với loại nội dung của bạn.
• Thêm schema markup vào mã HTML của website bạn — JSON-LD được khuyến nghị.

(Để biết quy trình đầy đủ, hãy xem hướng dẫn từng bước của chúng tôi về implementing schema markup.)

Sau khi bạn đã thêm structured data vào website, hãy dùng Site Audit để kiểm tra xem có lỗi nào không.

Trong tab “Overview”, nhấp vào “View details” trong phần "Markup".

Sẽ có một điểm số cho biết tỷ lệ schema hợp lệ so với không hợp lệ.

Kéo xuống phần “Structured Data Items” và nhấp vào “View all invalid items” để xem danh sách đầy đủ các lỗi.

Sửa mã markup của bạn theo yêu cầu để khắc phục các vấn đề.

7. Tạo và gửi XML Sitemap

Một XML sitemap liệt kê tất cả các trang quan trọng của bạn để giúp các công cụ tìm kiếm tìm thấy và (hy vọng) Indexing chúng.

Đây là cách file trông như thế nào:

Để tạo XML Sitemap, hãy làm việc với đội SEO hoặc nội dung của bạn để xác định các trang quan trọng nhất cần đưa vào sitemap.

Sau đó, tạo sitemap bằng phương pháp bạn ưa thích. Ví dụ như tự code thủ công hoặc dùng plugin hay công cụ tạo trực tuyến.

Một số nền tảng (như WordPress, Shopify và Wix) tự động tạo XML Sitemap. Trong trường hợp đó, bạn chỉ cần lấy file sitemap.

Nếu bạn tự tạo sitemap, hãy tải nó lên máy chủ của website bạn.

Thông thường, bạn sẽ đặt nó ở thư mục gốc của website. Ví dụ, nếu website của bạn là "www.example.com," bạn sẽ đặt sitemap tại "www.example.com/sitemap.xml."

Sau khi tải sitemap lên, hãy chạy công cụ Site Audit để kiểm tra xem nó có được định dạng đúng không.

Vào tab “Issues” và tìm kiếm “sitemap” để xem có vấn đề gì liên quan đến file sitemap.xml của bạn không.

Xử lý mọi vấn đề mà công cụ báo cáo.

Khi bạn đã chắc chắn sitemap không lỗi, hãy gửi nó đến Google qua Google Search Console (GSC).

Đăng nhập vào tài khoản GSC của bạn và điều hướng đến “Indexing” > “Sitemaps.”

Dán URL sitemap vào ô trống và nhấn “Submit.”

Nếu bạn dùng CMS tự tạo file này, sitemap sẽ tự động cập nhật mỗi khi bạn thêm nội dung mới hoặc chỉnh sửa trang cũ.

Nhưng nếu bạn tự duy trì sitemap hoặc dùng thiết lập tùy chỉnh không tự cập nhật, hãy nhớ làm mới sitemap khi thêm trang mới hoặc cập nhật nội dung.

8. Triển khai Canonical Tags

Canonical tags chỉ ra phiên bản chính của một trang khi có nhiều phiên bản. Giúp các công cụ tìm kiếm biết bạn muốn hiển thị phiên bản nào trên kết quả tìm kiếm.

Nếu không có chúng, công cụ tìm kiếm sẽ khó xác định trang nào cần tập trung. Và có thể không hiển thị bất kỳ trang nào của bạn trên kết quả tìm kiếm.

Canonical tags được thêm vào phần <head> của trang web. Ví dụ như sau:

Làm việc với đội SEO hoặc marketing để xác định các trang cần canonical tags.

Họ có thể dùng Site Audit để tìm các vấn đề Duplicate Content trên website của bạn. Vào tab “Issues” và tìm kiếm “duplicate content.”

Khi đã xác định được trang chính cho mỗi nhóm trang trùng lặp, bạn có thể triển khai canonical tags.

Chỉ cần thêm dòng sau vào phần <head> của các trang trùng lặp:

<link rel="canonical" href="http://www.yourwebsite.com/main-product-page">

9. Cấu hình đúng file Robots.txt của bạn

Một robots.txt file này cho các search engine crawlers biết phần nào của website bạn được phép truy cập và phần nào cần bỏ qua. Điều này giúp ẩn các trang bạn không muốn được index và đảm bảo các trang quan trọng hơn có thể được tìm thấy.

Dưới đây là ví dụ về một file robots.txt:

Trong file robots.txt, bạn có thể dùng directive "disallow" để chặn search engines index các trang, thư mục hoặc toàn bộ phần của site.

Ví dụ dưới đây cho thấy cách chặn toàn bộ thư mục "private" và một trang cụ thể:

Disallow: /private/
Disallow: /page.html

Bạn cũng có thể dùng directive "allow" để tạo ngoại lệ cho các trang hoặc thư mục cụ thể trong phần bị chặn.

Dưới đây là cách bạn chặn search engines truy cập toàn bộ thư mục “private” nhưng cho phép một trang cụ thể trong thư mục đó:

User-agent: *
Disallow: /private/
Allow: /private/public-page.html

Bạn cũng có thể chỉ định bot của search engine bằng directive "user-agent".

Ví dụ, đây là cách bạn chặn Google crawl toàn bộ site của bạn:

User-agent: Googlebot
Disallow: /

Để tạo file của riêng bạn, bắt đầu bằng cách tạo file trong trình soạn thảo văn bản (như Notepad). Và thêm tất cả các directive phù hợp (bạn có thể cần phối hợp với đội marketing và SEO).

Khi xong, tải file robots.txt này lên thư mục gốc của website bạn.

Cuối cùng, đảm bảo file robots.txt của bạn không có lỗi.

Chạy một Site Audit và vào tab “Issues”.Rồi tìm kiếm “robots.txt.”

Nếu có lỗi định dạng, nhấn vào "Robots.txt file has format errors" để xem danh sách các dòng sai cần sửa.

10. Đảm bảo Website Dễ Tiếp Cận

Đảm bảo website của bạn dễ tiếp cận với mọi người—bao gồm cả người dùng khuyết tật—tạo ra môi trường bao trùm và mở rộng phạm vi đối tượng. Điều này cải thiện UX của site, gián tiếp ảnh hưởng đến SEO.

Một trong những cách tốt nhất để ưu tiên khả năng tiếp cận là sử dụng semantic HTMLgiúp truyền tải ý nghĩa và cấu trúc nội dung, hỗ trợ người dùng khiếm thị dùng screen readers và giúp search engines hiểu nội dung trang.

Có hai loại thẻ HTML chính:

• Thẻ cấu trúc: Chúng xác định cấu trúc tổng thể của trang (ví dụ, <header> cho thông tin giới thiệu trang và <nav> cho các liên kết điều hướng)
• Thẻ định dạng văn bản: Chúng chỉ ra loại văn bản (ví dụ, <p> cho đoạn văn và <a> cho liên kết)

Để đảm bảo cả đội dùng đúng loại thẻ này, hãy tạo các mẫu có thể tái sử dụng bao gồm các thẻ semantic HTML.

Bạn cũng nên biết rằng nhiều CMS dùng để tạo bài blog cung cấp trình soạn thảo thân thiện, giúp người tạo nội dung áp dụng các yếu tố này mà không cần viết code trực tiếp.

Bạn có thể tăng cường khả năng truy cập bằng cách làm cho trang web có thể điều hướng bằng bàn phím. Hãy đảm bảo tất cả các phần tử tương tác (như link, nút và điều khiển form) đều có thể truy cập và thao tác bằng bàn phím.

Hãy đảm bảo độ tương phản đủ giữa màu chữ và nền để cải thiện khả năng đọc cho người dùng bị khiếm thị.

Sử dụng ứng dụng Accessibility Scan & Monitor của Semrush để kiểm tra mức độ tuân thủ khả năng truy cập của trang web bạn.

Mở công cụ, nhập domain của bạn và nhấn nút "Start Scan".Start Scan."

Chọn các URL bạn muốn đánh giá trong danh sách và nhấn "Scan # pages".Scan # pages."

Công cụ sử dụng AI để quét trang web của bạn tìm lỗi (trên cả desktop và mobile) và giúp bạn xác định các phần tử và dòng code gây vi phạm.

Nhấn nút “Dashboard” để xem báo cáo điểm tuân thủ khả năng truy cập và danh sách các vi phạm.Dashboard

Để tìm hiểu chi tiết về các vi phạm, nhấn nút "View # Violations".View # Violations

Mở rộng một vấn đề bằng cách nhấn vào biểu tượng "".+

Bạn sẽ thấy mô tả vi phạm, hành động được đề xuất và đoạn code bị ảnh hưởng.

Nhiều thay đổi này sẽ liên quan đến những người làm nội dung trong công ty bạn, nên tốt nhất hãy chia sẻ các vấn đề này với họ để cùng nhau xử lý.

Cải thiện SEO cho trang web của bạn

Giúp công ty bạn đạt mục tiêu một phần phụ thuộc vào việc thành công với SEO. Với các developer, điều đó có nghĩa là đảm bảo nền tảng kỹ thuật vững chắc, tối ưu cho công cụ tìm kiếm.

Bắt đầu với công cụ Site Audit của Semrush .

Kiểm tra website, xác định các vấn đề technical SEO và khắc phục chúng.

Bạn thậm chí có thể dùng thử miễn phí.