Thiết kế web Parallax và SEO: Những điều bạn cần biết

Là những người làm marketing trên công cụ tìm kiếm, chúng tôi biết thời điểm tốt nhất để tham gia một dự án thiết kế hoặc thiết kế lại website là ngay từ đầu, để SEO được 'tích hợp' vào quy trình ngay từ bước khởi động. Tuy nhiên, đôi khi website được xây dựng trước, còn SEO chỉ được cân nhắc sau đó (thường là vì website không có thứ hạng)! Gần đây, một vài người tìm đến tôi với website được thiết kế theo định dạng parallax và hỏi liệu tôi có thể làm gì để cải thiện SEO hay không — đây quả là một vấn đề lớn, bởi dù website parallax thường trông rất bóng bẩy, chúng lại đi kèm một số vấn đề Technical SEO nghiêm trọng.

Trong bài viết này, tôi sẽ nói về những bất cập của thiết kế web parallax: ảnh hưởng của nó đến SEO, lý do nó không thân thiện với SEO và liệu có giải pháp nào giúp bạn có thể vừa giữ được thiết kế parallax vừa đạt hiệu quả mong muốn.

Thiết kế web Parallax là gì?

Nhưng trước tiên, hãy cùng giải thích... Có thể bạn đã quen thuộc với phong cách website parallax, ngay cả khi không biết tên gọi của chúng.

Website parallax phụ thuộc nhiều vào hiệu ứng cuộn trên một trang, thay vì phân bổ nội dung website trên nhiều trang như các website truyền thống. Vì vậy, trên trang chủ của một website parallax, nếu bạn nhấp vào mục “About” trong menu điều hướng phía trên, chẳng hạn, thay vì được đưa đến domain.com/about (tức là một trang khác), URL sẽ đổi thành domain.com#about và trang sẽ tự động cuộn xuống phần “About” trên cùng trang đó.

Ví dụ — scytale.pt, GIF được tạo bằng Gyazo

…Nhưng liệu có thực sự là “Parallax?”

Chà... Một số người cho rằng tên gọi này không phản ánh đúng parallax. Bài viết này của Rob Palmer giải thích lý do, đồng thời đưa ra ví dụ về những website “parallax” thực sự áp dụng và không áp dụng phong cách parallax đúng nghĩa. Tuy nhiên, vì nhiều người đã quen gọi chúng như vậy, tôi sẽ dùng cách gọi này cho nhất quán — dù có thể không chính xác.

Vì sao Parallax không tốt cho SEO

Dù thiết kế web parallax trông rất bắt mắt, nó có thể cản trở SEO đáng kể — đến mức tôi thường khuyên mọi người không nên sử dụng.

Lý do parallax không thân thiện với SEO là vì cách thiết kế này loại bỏ nhu cầu tạo thêm trang, thay vào đó dựa vào ít trang “dài” hơn để cố gắng xếp hạng cho nhiều nhóm keyword và chủ đề. Để bạn dễ hình dung, dưới đây là cấu trúc URL giả định cho một website bán và sửa chữa widget nếu chọn thiết kế parallax:

• com
• com#buy-widgets
• com#widget-repair
• com#contact

Còn đây là cấu trúc URL nếu nội dung được chia thành từng trang riêng:

• com
• com/buy-widgets
• com/widget-repair
• com/contact

Trong ví dụ đầu tiên, search engines sẽ Index trang chủ nhưng không Index ba URL còn lại, vì search engines Index toàn bộ trang chứ không phải từng nội dung riêng lẻ fragment identifier (các dấu thăng trong URL đóng vai trò lối tắt đến một phần của trang).

Trong ví dụ thứ hai, search engines có thể Index cả bốn trang riêng biệt. Điều này giúp tăng khả năng hiển thị trên search engines và cải thiện cơ hội để nội dung trên từng trang — Buy Widgets, Widget Repair và Contact — có thứ hạng cao hơn trên search engines.

Điều này rất quan trọng vì nếu website muốn xếp hạng cho keyword “widget repair”, chẳng hạn, khả năng đạt được mục tiêu đó sẽ cao hơn nhiều nếu URL là domain.com/widget-repair (tức một trang riêng) thay vì domain.com#widget-repair (tức chỉ là một phần của trang chủ: domain.com).

Một trang Widget Repair riêng có thể tập trung đúng vào keyword đó — chẳng hạn, cụm từ "widget repair" có thể xuất hiện trong tiêu đề trang, metadata, thẻ H1 và các heading tags khác, nội dung trên trang (với mật độ cao hơn), v.v. Trong khi đó, phiên bản parallax (domain.com#widget-repair và do đó là domain.com) sẽ khó xếp hạng hơn cho keyword đó, vì tiêu đề trang và toàn bộ nội dung trang sẽ khái quát hơn; cụm từ "widget repair" có thể chỉ xuất hiện trong một phần nhỏ của cả trang.

Nhưng nếu SEO không phải là tất cả thì sao?

Dù vậy, lập luận ủng hộ thiết kế web parallax thực sự chỉ có thể được đưa ra tùy từng trường hợp. Làm SEO, chúng ta dễ cho rằng website parallax là sản phẩm của quỷ dữ chỉ vì chúng không thân thiện với SEO. Nhưng suy cho cùng, cuộc sống (và marketing online) đâu chỉ xoay quanh SEO.

Ví dụ, trong một ngành mà SEO không quá quan trọng (chẳng hạn, sản phẩm hoặc dịch vụ đang được bán ít được tìm kiếm và khách hàng tìm thấy qua các kênh khác như mạng xã hội), nhưng khách hàng tiềm năng là người sẽ ấn tượng với vẻ mượt mà của website parallax, thì có thể có thêm lý do để giữ lại thiết kế web parallax. Trớ trêu thay, trong trường hợp này, dù sẽ có ít người tìm thấy website qua công cụ tìm kiếm hơn, những người thực sự tìm thấy website — qua các kênh khác — có thể sẽ chuyển đổi tốt hơn.

Ngoài ra, điều này còn tùy thuộc vào mức độ cạnh tranh của ngành cụ thể xét từ góc độ SEO. Ví dụ, nếu bạn cung cấp một sản phẩm hoặc dịch vụ cực kỳ chuyên biệt với rất ít đối thủ cạnh tranh, bạn vẫn có thể xếp hạng tốt trên công cụ tìm kiếm ngay cả khi chọn thiết kế parallax cho website. Tuy nhiên, nếu ngành đó có tính cạnh tranh cao trên công cụ tìm kiếm, việc sử dụng thiết kế parallax có thể cản trở nỗ lực SEO của bạn về lâu dài, vì vậy tốt nhất có lẽ nên tránh.

Dù thế nào, để an toàn và xét đến tầm quan trọng của SEO trong bức tranh tổng thể, tôi tin rằng trong 99 trên 100 trường hợp, lựa chọn phù hợp là thiết kế không parallax.

Bạn có thể có cả hai, đấy…

Bạn có thể tận hưởng lợi ích của cả SEO lẫn parallax không?

Có một giải pháp "lách" tiềm năng, trong đó bạn điều chỉnh thiết kế parallax để thân thiện hơn với SEO — về cơ bản là tận dụng cả hai yếu tố — nhưng cách này cũng có những điểm cần cân nhắc và hạn chế riêng.

Bạn có thể giữ trang chủ làm trang “index” cho từng mục và thiết kế theo phong cách parallax, đồng thời tạo một trang riêng cho mỗi mục (cũng nhằm phục vụ SEO). Ví dụ, với dịch vụ sửa chữa Widget, khi nhấp vào liên kết Widget Repair trên trang chủ, người dùng sẽ được đưa đến phần Widget Repair trên trang chủ (tức domain.com#widget-repair). Phần này có thể giới thiệu dịch vụ bằng một đoạn ngắn, rồi kết thúc bằng liên kết “Tìm hiểu thêm” dẫn đến trang riêng giới thiệu đầy đủ về dịch vụ Widget Repair (tức domain.com/widget-repair — trang giải thích chi tiết hơn về dịch vụ, chẳng hạn với vài trăm từ). Bạn có thể áp dụng cách này cho mọi mục trên website.

Tuy nhiên, nếu chọn giải pháp này, bạn cần lưu ý thêm một số điểm:

• Một số phần của website sẽ dùng thiết kế parallax, còn những phần khác (ví dụ: các trang riêng lẻ) thì không. Điều này có thể khiến khách truy cập bối rối khi di chuyển giữa các phần khác nhau — đặc biệt nếu họ truy cập một trang hoặc mục không dùng parallax trước khi chuyển sang phần có parallax. Điều đó có thể khiến khách truy cập và khách hàng tiềm năng rời đi, từ đó ảnh hưởng tiêu cực đến Conversion Rate của website.
• Điều này cũng có thể ảnh hưởng đến cách bạn quyết định hoạt động của menu phía trên về sau, chẳng hạn liệu khi nhấp vào một mục, người dùng sẽ được đưa đến phần parallax trên trang chủ (ví dụ: domain.com#widget-repair) hay chuyển thẳng đến trang không dùng parallax (ví dụ: domain.com/widget-repair).
• Tôi cũng khuyên bạn nên dành thời gian đảm bảo nội dung “giới thiệu” trên các trang chính (parallax) khác biệt với nội dung chuyên sâu hơn trên các trang riêng (không dùng parallax). Nếu không, website có thể bị công cụ tìm kiếm phạt vì chứa quá nhiều Duplicate Content. Ví dụ, với dịch vụ sửa chữa Widget, tôi khuyên đoạn giới thiệu trên trang chủ nên khác với nội dung trên trang riêng về Widget Repair, thay vì chỉ sao chép rồi dán cùng một đoạn văn vào cả hai trang. Tôi tin rằng nếu bạn đã bỏ công mở rộng nội dung trên từng trang riêng thì đây sẽ không phải vấn đề, vì có lẽ bạn sẽ cần bổ sung thêm vài trăm từ vào trang riêng để nội dung đầy đặn hơn. Dù vậy, đây vẫn là điều quan trọng cần lưu ý.

Bạn nghĩ gì về thiết kế web parallax? Còn điểm nào khác cần cân nhắc về SEO, khả năng sử dụng hoặc CRO (tối ưu hóa Conversion Rate) không? Hãy chia sẻ ý kiến trong phần bình luận bên dưới!

Tham gia hội thảo trực tuyến của Semrush!

Bạn đã sẵn sàng nâng tầm hoạt động content marketing chưa? Hãy tham gia hội thảo trực tuyến của tôi trên Semrush vào ngày 8 tháng 6, “25 bài đăng blog trong một tháng: Phối hợp triển khai chiến dịch “bùng nổ nội dung” với ngân sách thấp."