Thiết kế website chuẩn SEO là gì

Thiết kế website chuẩn SEO là gì? Để có một website đạt chuẩn, seo tốt luôn được các cỗ máy tìm kiếm Google, Bing, Yahoo.. đánh giá cao, được ưu tiên xếp hạng cao trong kết quả tìm kiếm phải phụ thuộc vào nhiều yếu tố đặc biệt là "Kỹ thuật" của từng đơn vị thiết kế website.

Mục lục

Thế nào gọi là web chuẩn seo? - Web chuẩn seo là gì? - Như nào được gọi là web chuẩn seo

Website chuẩn SEO là gì? Thiết kế website chuẩn SEO là gì? Hiểu một cách đơn giản là trang web được thiết kế có cấu hình kèm theo các tính năng để Google dễ dàng thu thập dữ liệu và hiểu được toàn bộ website. Bạn có thể có 1 website hấp dẫn, thu hút, có thiết kế đẹp và thẩm mỹ, nội dung của bạn chất lượng, bạn nghĩ điều đó là đủ cho một trang web? Thật ra là bên ngoài của trang web dẫu rất đẹp cũng chưa chắc là đủ, đặc biệt khi bạn tham gia những cuộc cạnh tranh khốc liệt trên internet với những doanh nghiệp khác. Doanh nghiệp cần có 1 website thân thiện SEO, hay nói cách khác là “đánh bại” tiêu chuẩn website chuẩn SEO.

Lợi ích của một website chuẩn SEO

Như tôi đã chia sẻ ở phần đầu, với một website chuẩn SEO bạn sẽ có những lợi ích sau đây:

  • Với doanh nghiệp: Một website chuẩn SEO không chỉ làm tiền đề thành công cho dự án SEO mà còn giúp doanh nghiệp tiết kiệm rất nhiều thời gian, tiền bạc để lên TOP.
  • Với người dùng: website chuẩn SEO không chỉ đảm bảo các yếu tố kỹ thuật dành cho Google, mà còn cần hướng tới trải nghiệm người dùng. Người dùng có trải nghiệm tốt sẽ ở lại trang của bạn lâu hơn, gắn bó với doanh nghiệp của bạn hơn và dễ dàng mua hàng của bạn hơn.

Các tiêu chí đánh giá website chuẩn SEO

Dưới đây là 28 yếu tố cơ bản để có được một trang web chuẩn seo.

Tên miền & Hosting

1. Chọn tên miền có tính liên quan cao đến nội dung website. Có thể chứa một vài từ khóa chính của website càng tốt, tên miền có thời gian sử dụng càng lâu càng được đánh giá cao.

2. Hosting có tấc độ nhanh, IP Server cũng ảnh hưởng đôi chút tới seo (Nếu bạn seo web ở Việt Nam nên mua server đặt tại Việt Nam)

Thiết kế website

3. Tối ưu hóa Url website.

  • Url nên mã hóa theo tiêu đề bài viết, có liên quan tới nội dung bài viết, keywords, description.
  • Hạn chế độ dài của url tốt nhất cho seo chỉ là 3 cấp tính từ tên domain (domain.com/cap1/cap2/cap3).
  • Sử dụng rewrite url đối với các liên kết và phân tách mỗi từ bằng dấu trừ – hoặc gạch dưới _.

4. Title (tiêu đề bài viết) thẻ này luôn đặt trên cùng và chứa nội dung liên quan tới nội dung bài viết, url website. Độ dài của title khoảng 60-65 ký tự

5. Keywords (từ khóa) nội dung thẻ này không chứa quá nhiều từ khóa, tổng số ký tự không quá 160 ký tự.

6. Description (mô tả) nội dung thẻ này không chứa quá nhiều từ khóa, tổng số ký tự không quá 160 ký tự. Mô tả ngắn gọn về nội dung bài viết.

7. Luôn đặt tiêu đề bài viết, từ khóa quan trọng trong thẻ h1, h2, h3…theo thứ tự ưu tiên quan trọng của từ khóa.

h1 Keywords /h1 h2 Keywords /h2 h3 Keywords /h3

8. Tách các phần như style css, javascript, data thành các file độc lập. Hạn chế sử dụng javascript quá nhiều.

9. Hạn chế việc sử dụng table trong html. Đặc biệt là các table lồng table.

10. Cố gắng đặt nội dung chính nằm ở đầu của cấu trúc trang html.

11. Tạo các chỉ mục hướng dẫn (breadcumb). Mục đích cho phép người dùng dễ dàng quay lại các chỉ mục một cách dễ dàng.

12. Dùng định dạng chữ cho phần liên kết header và footer thay vì dùng hình ảnh. Có thể dùng javascript để xử lý các liên kết.

13. Tạo trang 404 cho các liên kết không tìm thấy.

14. Tạo mục chia sẻ bài viết đến các mạng xã hội bằng cách tạo ra các nút chia sẻ.

15. Tối ưu hiển thị trang web trên các thiết bị di động. Chính vì ngày nay việc truy cập trên các thiết bị di động không còn xa lạ do đó sẽ bị giảm thiểu người dùng nếu website của bạn không hỗ trợ việc hiển thị trên các thiết bị di động.

16. Tạo RSS feed cho nội dung website.

17. Tạo sitemap chứa liên kết đến các trang nội dung trên website. Nó cho phép người dùng có thể dễ dàng tìm kiếm và truy cập đến nội dung mà họ cần.

18. Kiểm tra cấu trúc html chuẩn với W3C (khi kiểm tra có thể bỏ qua các lỗi cảnh báo HTML5 và các thẻ og:title, og:description, og:image khi định dạng website bằng HTML5).

19. Cho phép thay đổi thẻ meta và title, keywords, description ứng với mỗi nội dung bài viết.

Biên tập nội dung

20. Khi cập nhật nội dung url, title, keywords, description phải liên quan tới nhau.

21. Chỉ sử dụng từ có nghĩa, cấu trúc có thể đọc được và dễ dàng để thu thập dữ liệu từ Google.

22. Đặt link vào các trang liên kết khác sẽ giúp người đọc dễ theo dõi và giúp index dễ dàng.

23. Nội dung bài viết dễ đọc. Phần đầu và nội dung bài viết nằm trong đoạn văn kết hợp với các sub header và number list. Chủ yếu là nội dung phải mới mẻ, lôi cuốn, trình bày đẹp mắt và mang tính thông tin cao.

24. Thêm hình ảnh để nội dung hấp dẫn hơn. Đặt các thuộc tính như title và alt vào hình ảnh sẽ giúp cho SE đánh giá cao cho nội dung website của bạn và từ khóa liên quan đối với hình ảnh.

25. Không nên nhồi nhét quá nhiều từ khóa vào mỗi trang web, hãy chọn những từ khóa tiêu biểu và đặt vào phần cuối của nội dung bài viết.

26. Hạn chế việc dùng flash hoặc tốt hơn là không dùng flash vì các công cụ tìm kiếm không đọc được nội dung trong flash.

27. Đặt link về các trang tác giả, trang phân tích có tính uy tính cao. Điều này sẽ giúp cho bài viết của bạn có tính thuyết phục và độ tin tưởng cao.

28. Cập nhật thông tin thường xuyên trên website của bạn. Điều này quan trọng nhất nó sẽ giúp cho bạn lôi cuốn được người đọc ghé thăm và nên nhớ nội dung nên tập trung vào các xu hướng hiện tại và phải liên quan đến chủ đề của website.

Xây dựng website chuẩn SEO cho Google

Phần trên tôi đã đề cập đến các yếu tố SEO thường bị nhầm lẫn khi không nhìn dưới góc độ tối ưu cho người dùng. Với những nội dung đó, khi thiết kế, cấu trúc, tạo ra 1 website thì bạn cứ tư duy thế nào tốt cho người dùng là được, Google sẽ hiểu và đánh giá cao bạn. Đó là những gì mà người dùng “Nhìn thấy”, tuy nhiên còn phần quan trọng nữa là những gì mà “Người dùng” hoặc chúng ta không nhìn thấy nhưng Google không nhìn thấy.

Tối ưu theo Webmaster Tools

nếu chưa có tài khoản này thì chắc bạn không phải là dân SEO. Nếu là dân SEO thì thôi cũng không cần giới thiệu về Webmaster Tool – nơi duy nhất bạn biết rõ ràng Google nhìn website bạn như thế nào.

  • Xem Trùng lặp title/description và điều chỉnh: lỗi này rất hay xảy ra và khiến Google không biết nên đưa nội dung (page) nào của bạn lên top. Lỗi hay xảy ra khi bạn có nhiều phiên bản url cho 1 page (do page thuộc nhiều danh mục) hoặc lỗi do phân trang 1 2 3 ở trang danh mục…
  • Lỗi website: phần này thì đơn giản, định kỳ vào xem và khắc phục lỗi mà Google chỉ ra.
  • Tác vụ thủ công: vì một lý do nào đó (cố ý hoặc vô tình) mà có thể website của bạn bị “phạt”, phần lớn việc bị phạt sẽ được thông báo và bạn có thể xem trong tài khoản Webmaster
  • Index Google: ngoài các lỗi được thông báo, bạn cũng nên định kỳ kiểm tra xem Google có index dữ liệu website của bạn chính xác hay không.

Sử dụng công cụ chuyên nghiệp

Có nhiều lỗi website phát sinh trong quá trình website hoạt động. Ngay cả Webmaster cũng không phát hiện ra (hoặc phát hiện nhưng không thông báo). Vì vậy bạn cần tìm kiếm đến sự trợ giúp của tool chuyên nghiệp mới có thể biết website mình có nhiều lỗi code ẩn bên trong hay không.

  • Có thể xử dụng Moz (hoặc onpage.org, deepcrawl.com): các lỗi thường gặp như thiếu hoặc quá dài/ngắn với Title, Description, Thiếu Heading 1, trùng lặp nội dung, trang lỗi (404)
  • Screaming Frog: cái này thì rẻ hơn vì mua 1 năm chỉ có hơn 2 triệu, quét khá là khỏe và cho bạn biết nhiều thông tin trên website, mình hay dùng để tìm trang 404 trên website hoặc liệt kê ra các title, description trên website để sửa…

Cấu trúc Silo

Cấu trúc Silo theo quan điểm của tôi nó chính là điều hướng. Tùy vào mục đích SEO của người làm SEO (SEO toàn trang, SEO bài viết hay SEO danh mục, sản phẩm) sẽ tạo cho mình một giao diện website khác nhau phục vụ nhu cầu điều hướng thông tin trên website với người dùng.

Hãy xem ví dụ dưới đây để thấy sự tối ưu của Google khi trình bày nội dung, bạn ở đâu đó và vào thẳng bài viết “Tìm trạng thái từ khóa”, bạn có nhiều thông tin hữu ích ở bên phải và chân bài để tìm hiểu thêm về Từ khóa trong AdWords):

Heading

Đây là chi tiết mà tôi hay dùng để đánh giá 1 website ban đầu. Nếu kiểm tra và thấy đặt Heading trên website không đúng thì tôi có thể đoán rằng tới 80% người làm SEO khá nghiệp dư vì đây là vấn đề hết sức cơ bản. Tuy nhiên có nhiều tình huống Heading không đúng vẫn có thứ hạng cao, việc này rất bình thường.

Tuy nhiên người làm SEO thường sẽ muốn tối ưu từng chi tiết một, và Heading là “chi tiết rất cơ bản nhưng quan trọng” nên nếu 1 website bỏ qua việc này thì có thể thấy người làm SEO cho web khá amater hoặc … hơi lười.

Nguyên tắc: Trên 1 webpage (1 trang) thì cần có 1 tiêu đề của trang (giống như tiêu đề cuốn sách vậy), và tiêu đề trang cần đặt trong thẻ Heading 1, bất kể trang đó là trang chủ, danh mục, sản phẩm, tag hay album … Heading 2 vào các chủ đề nội dung lớn của webpage đó. Rồi đến Heading 3 4 5 6. Lưu ý là không đặt Heading 1 2 ở menu.

Robots.txt & Sitemap.xml

2 file này đặc biệt quan trọng để Google có thể đọc hiểu, tìm kiếm và lập chỉ mục website của bạn dễ dàng.

  • Robots.txt: là file giúp con bot của Google hiểu được các quy tắc tìm kiếm trên website của bạn. Trang nào được đi đến và trang nào không
  • Sitemap.xml: list tất cả các trang quan trọng cần được lập chỉ mục trên site của bạn. Các trang có trên file này được lập chỉ mục nhanh và thường xuyên hơn so với các trang thông thường

Title & Description

Trong Onpage (tối ưu website chuẩn SEO), việc kiểm toán nội dung title & description là vấn đề chắc chắn không thể bỏ qua. Cần tuân thủ các nguyên tắc sau:

  • Trên 1 page bất kỳ (trang chủ, trang danh mục, trang sản phẩm, trang tin bài, trang tag) cần có trường thông tin để khai báo thẻ Title, Description riêng.
  • Cần có thẻ title & description duy nhất cho mỗi Page (tránh lỗi trùng lặp)
  • Nội dung thẻ title & description không nên quá ngắn hoặc quá dài (title: 60 ký tự, description: 160 ký tự; với tiếng Việt)
  • Từ khóa chính (và phụ) của Page cần có mặt trong tiêu đề, mô tả.

Cách xây dựng website chuẩn SEO

Xây dựng website chuẩn SEO cho người dùng

Người làm SEO thương nhìn mọi góc độ tối ưu website để phục vụ Google, chính việc đó dẫn tới một số quan điểm sai lầm về tối ưu website. Phần này tôi sẽ nói tới các yếu tố đáng ra cần tối ưu cho người dùng nhưng lại vô tình làm sai. Xem thêm bài viết: 17 cách cải thiện SEO website của bạn.

Tối ưu cho thiết bị di động (Mobile)

Điều này có quan trọng không? trên 50% traffic của bạn đến từ Google là tìm kiếm trên di động. Thời đại bây giờ là Mobile-First, ngay cả Google cũng đang nhanh chóng đi theo xu hướng này. Họ thông báo rằng đến tháng 7/2018 sẽ đưa tốc độ của phiên bản mobile website vào để tính toán thứ hạng. Bây giờ bạn cần tối ưu như thế nào?

Trước hết bạn có thể tự chấm điểm tối ưu và tốc độ của website bạn theo đánh giá của Google tại đây: https://testmysite.thinkwithgoogle.com/ và https://search.google.com/test/mobile-friendly. Tuy nhiên điều đó chắc chắn là chưa đủ.

Bạn có thể ngay lập tức ứng dụng AMP cho website của mình (Google đang hoàn thiện dần) để tăng tốc độ tải trang trên Mobile theo “chuẩn Google”. AMP là dự án của Google, nó tương tự Instant Article của Facebook vậy. Xa hơn 1 chút, nếu bạn là coder thì hãy tìm hiểu về Progressive web app.

Ngoài yếu tố tối ưu tốc độ hay Mobile Friendly theo đánh giá của Google, điều bạn cần nhớ là hành vi người dùng trên Mobile và PC là khác nhau. Phiên bản trên Mobile cần có icon/nút/menu lớn, khoảng cách chữ phải thoáng hơn trên PC … Đoạn này khá dài dòng, bạn có thể xem tài liệu hướng dẫn Google tại đây hoặc bài này https://support.google.com/adwords/answer/7323900?hl=vi

Sơ đồ website cho người dùng

Nếu bạn vào 1 site của “Tây” thì gần như chắc chắn nếu bạn kéo xuống chân trang sẽ thấy Sitemap. Và đây là nơi bạn có thể nhìn thấy hết các dữ liệu của webiste. Nó giống như sơ đồ tòa nhà vậy. Nếu website bạn có cấu trúc lớn, nhiều nội dung/sản phẩm thì nên có sitemap này.

– Đường dẫn ngược (Breadcrumb)

Đây là nơi khách hàng có thể di chuyển ngược lên trên để xem nhiều sản phẩm hơn. Rất tốt để giúp khách hàng xem thêm nhiều thông tin mà họ quan tâm hơn.

Tối ưu ảnh:

Thẻ ALT (Alternative): là nội dung mà bạn nên điền vào để người dùng có thể đọc được trong trường hợp không nhìn thấy ảnh. Bạn có để ý khi đọc email đôi khi không hiển thị ảnh không? Lúc đó nội dung trong thẻ ALT sẽ hiện ra và bạn có khi không cần phải xem ảnh nữa.

Thẻ Title: Bạn có thể chỉ vào bức ảnh phía dưới, sẽ hiện ra 1 dòng “các yếu tố cần có trong ảnh, ảnh ví dụ là Avatar của Mai Xuân Đạt”, đó là nội dung của Title. Title được hiểu là đoạn chú thích thêm cho ảnh nếu người đọc nhìn ảnh mà vẫn không hiểu

Đường dẫn ảnh: Tối ưu hóa đường dẫn ảnh

Caption: là mô tả xuất hiện bên dưới bức ảnh, giống như các bức ảnh mà bạn xem khi đọc báo vậy.

– Dữ liệu có cấu trúc

Bạn nhìn thấy kết quả của haixom.com có 2 điểm lạ chứ (Xếp hạng và đường dẫn). Đó là kỹ thuật website khai báo để Google hiển thị thêm dữ liệu, đại loại thế. Phổ biến tại VN thì có thể sử dụng 2 thứ đó. Còn nhiều thứ khác hay ho hơn giúp kết quả website bạn trên công cụ tìm kiểm trở nên nổi bật.

Nếu không biết code thì một người “bình thường cũng có thể sử dụng công cụ Google để làm việc này:

  • https://developers.google.com/search/docs/guides/search-features.
  • https://support.google.com/webmasters/answer/3069489?hl=vi
  • https://support.google.com/webmasters/answer/2692911?hl=vi

Điều hướng:

Điều hướng là các phần trên website giúp khách hàng di chuyển dễ dàng tới các phần thông tin trên website mà họ quan tâm.

  • Menu chính (1 & 2 trong hình, thường là chỉ cần số 2): phần này đặc biệt quan trọng, khách hàng rất hay tương tác những danh mục, nội dung lớn mà họ quan tâm.
  • Đường dẫn ngược (3): đã nói ở trên
  • Menu bên (4): trình bày những gì liên quan đến nội dung mà khách hàng đang duyệt web, hoặc những nội dung/sản phẩm nổi bật mà bạn đang muốn giới thiệu tới khách hàng.
  • Nội dung liên quan (5): sản phẩm hoặc tin tức liên quan. Bạn sẽ thấy báo chí làm rất tốt việc này, khiến bạn vào đọc 1 bài là tò mò đọc hết chuỗi bài liên quan.
  • Chân trang (6): nếu vào website nước ngoài, thói quen của tôi là cái gì tôi quan tâm mà nhìn ở trên không thấy thì tôi sẽ kéo ngay xuống dưới thì kiểu gì cũng có (giá, giới thiệu sản phẩm, liên hệ, sitemap …)
  • Điều hướng trong bài (không có ở hình minh họa): ví dụ trong bài viết này tôi đã điều hướng bạn đọc thêm khá nhiều bài khác trên webiste của tôi hoặc website mà nội dung của nó làm tôi tin tưởng.

Đường dẫn

Phần này vẫn rất nhiều tranh cãi thế nào là một đường dẫn tối ưu SEO. Theo tôi thì đường dẫn nào Google cũng đọc được, một số dạng hay gây khó cho Google thì bạn đọc ở đây. Tôi sẽ đưa quan điểm URL tốt cho người dùng như sau:

  • Một đường dẫn thân thiện với người dùng là khi người dùng không cần truy cập trang mà chỉ nhìn đường dẫn cũng hiểu họ đang chuẩn bị được đưa đến nội dung như thế nào (VD: thietkewebchuanseo.com/dich-vu-seo thay vì thietkewebchuanseo.com/323)
  • Một đường dẫn nên cho khách hàng hiểu về cấu trúc website (VD: giay.com/chinh-hang/giay-so-123.html)
  • Nếu bạn không có url dạng domain.com/danh-muc/danh-muc-nho/ten-san-pham.html thì sau này bạn sẽ gặp vô vàn khó khăn khi sử dụng Google AdWords, Facebook Ads, Email Marketing, Automation Marketing.

Comment

Một website có nhiều comment sẽ được đánh giá tốt, rõ ràng việc khách hàng và website tương tác với nhau nhiều hơn là điều ai cũng mong muốn, cả Google cũng vậy. Hãy tạo ra ô comment thật kích thích, thuận tiện, ở vị trí dễ nhìn, giống như Vnexpress vậy (hình bên trái)

Tags:

Đây là yếu tố thuần túy người dùng nhất và bị người làm SEO hiểu nhầm nhiều nhất. Tag bản chất là thẻ nội dung giúp chủ website phân bổ nội dung vào các chủ đề chi tiết hơn, sau khi đã chọn chủ đề (danh mục) cho sản phẩm, nội dung. Điền Tag đúng là khi bạn nghĩ rằng nội dung bạn đang làm cần được phân loại vào nhóm nội dung nào nhỏ hơn.

Nhưng người làm SEO là dịch ra Tag là từ khóa và thế là chúng ta cứ hồn nhiên điền vào ô Tag những từ khóa mà chúng ta nghĩ rằng liên quan hoặc muốn lên top.

Trong bài Giá vàng miếng tiến sát 37 triệu đồng một lượng, phóng viên của Vnexpress đã tác như sau (Tag đúng là: Giá vàng thế giới, Diễn biến giá vàng, Giá vàng trong nước, Chiến tranh thương mai Trung Mỹ): Hệ quả đơn giản nhất là hệ thống của VNexpress đã chọn sai “bài liên quan”. Bài về “Vàng” lại vô tình chui vào trang tag Mỹ (đáng ra tag Mỹ chỉ hiển thị các bài liên quan cực kỳ chặt chẽ đến chủ đề là Mỹ).

Hiện tại chúng tôi đang có chương trình khuyến mãi thiết kế web bán hàng được thiết kế logo miễn phí + tên miền + hosting + hướng dẫn quảng cáo seo tổng thể marketing online miễn phí. Hãy liên hệ chúng tôi để biết thêm chi tiết.

Tuấn Graphic designer
Tuấn Graphic designer
Tuấn Graphic designer (Thiết kế đồ họa) sáng tạo, phác thảo cho các sản phẩm như: website, logo, banner, bao bì sản phẩm và tất cả những thứ liên quan đến giao diện. Mục tiêu là truyền tải thông điệp của doanh nghiệp và sản phẩm của mình đến với khách hàng. Sản phẩm có hấp dẫn, bắt mắt thì mới thu hút được nhiều người quan tâm. Xem thêm
FollowAction (13412) - LikeAction (13612) - WriteAction (479)