4Ba thành phần của một trang web hiện đại: Di động, nhanh chóng và dễ tiếp cận

BRENT VÀ NISHA là cặp vợ chồng sở hữu và điều hành một quán rượu nổi tiếng ở Ireland. Brent và Nisha đã sớm biết rằng việc sở hữu một trang web cho nhà hàng có thể tạo nên một điểm khác biệt rất lớn cho họ (ngành công nghiệp nhà hàng rất chậm chạp trong việc nhận ra rằng trang web là một phần thiết yếu của marketing). Họ sử dụng trang web lần đầu tiên vào năm 2006. Nó được thiết kế và mã hóa cho họ, sử dụng công nghệ trang web có tên là Flash, cho phép tạo ra các trang web tương tác, nhập vai với hình ảnh và âm thanh sống động.

Trang này tốn tiền thực hiện và khó bảo trì, nhưng nó đã truyền tải một cách hoàn hảo trải nghiệm ăn uống tại quán rượu của họ.Flash duy trì được đến năm 2010, rồi chết yểu. Steve Jobs, khi đó là Giám đốc điều hành của Apple, tuyên bố rằng Flash là một hệ sinh thái khép kín và ông không muốn nó xuất hiện trên các sản phẩm của Apple, như iPhone. Flash vẫn hiệu quả đối với hầu hết những người xem trang web của quán rượu trên máy tính để bàn, nhưng Brent và Nisha lo ngại rằng những người “ra ngoài” với thiết bị di động của họ sẽ không thể truy cập vào nó.

Họ đã quyết định chấp nhận nỗi đau và thiết kế lại trang web của mình bằng cách sử dụng một nền tảng trang web khác. Nhà thiết kế web của Brent và Nisha nói với họ rằng họ nên xem xét WordPress, vì nó có hệ thống quản lý nội dung cho phép họ tự cập nhật thực đơn đồ ăn và thức uống cũng như các nội dung khác trên trang web. Họ đã ra mắt trang web mới trên nền tảng WordPress cho quán rượu vào đầu năm 2011.

Đến năm 2016, trang web bắt đầu xuất hiện các vấn đề. Brent và Nisha không thể tin rằng họ đang xem xét việc thiết kế lại trang web (một lần nữa!). Trang web của họ hoạt động được trên thiết bị di động nhưng tải chậm kinh khủng. Đó là lúc họ cần xây dựng một trang web mới. Do đã trải qua quá trình này hai lần trước đó, Brent và Nisha muốn bảo vệ trang web của họ trong tương lai càng nhiều càng tốt. Nhà thiết kế web của họ cho biết họ có thể tiếp tục gắn bó với WordPress vì đã quen sử dụng nền tảng này, nhưng họ cần ưu tiên trải nghiệm di động trong quá trình thiết kế lại trang web. Đã một vài năm kể từ khi trang web đó (trang web thứ ba của Brent và Nisha) đi vào hoạt động. Nó vẫn mang lại hiệu quả cho họ... đến hiện tại.

* * *

TRONG THẾ GIỚI MỚI CỦA WEB, trang web của bạn phải tập trung vào mọi thứ. Và, ngay bây giờ, danh sách những thứ đó đang tăng lên theo cấp số nhân. Lần tới khi bạn ở trung tâm mua sắm, hãy ghé vào cửa hàng máy tính hoặc điện thoại di động. Hãy xem tất cả các thiết bị khác nhau. Máy tính xách tay, máy tính để bàn, màn chiếu lớn, máy tính bảng, điện thoại thông minh... lượng thiết bị điện tử kết nối Internet nhiều đến choáng ngợp. Có rất nhiều loại khác nhau, tất cả đều có hình dạng và kích thước màn hình khác nhau. Trang web của bạn cần được tối ưu hóa cho tất cả chúng.

Danh sách các thiết bị được Internet hỗ trợ cũng không chỉ giới hạn ở các thiết bị điện tử có màn hình. Chúng tôi cũng nhận thấy sự gia tăng thực sự về số lượng công nghệ hỗ trợ giọng nói trên thị trường. Ngày càng có nhiều người sử dụng trợ lý giọng nói (như Alexa, Google Home hoặc Siri) để tìm thông tin trên web và đọc to cho chúng ta. Trang web của bạn đã sẵn sàng cho công nghệ này chưa?

Tin tốt là có khả năng. Miễn là bạn đang tối ưu hóa trang web của mình cho các công cụ tìm kiếm (tôi sẽ chia sẻ thêm về vấn đề này trong Chương 7), bạn cũng đang khiến trang web của mình trở nên thân thiện với trợ lý giọng nói. Siêu dữ liệu (dữ liệu được mã hóa ẩn vào trang web của bạn để giải thích cho Internet “hiểu” ý nghĩa thông tin của bạn) tương đối giống giữa tìm kiếm trên Google như một thiết bị Google Home.

Tôi đưa ra tất cả những thông tin này là vì trong thời đại kỹ thuật số đang phát triển nhanh chóng này, bạn phải nghĩ đến giọng nói, video và môi trường ảo khi lên ý tưởng cho ngôi nhà trực tuyến của mình. Ngày càng có nhiều người sử dụng thiết bị di động để duyệt và tìm kiếm trên Internet, và các chủ doanh nghiệp nhỏ phải đảm bảo trang web của họ thu hút được những khách hàng tiềm năng này. Bạn cần đảm bảo rằng bất kỳ giải pháp web nào được bạn chọn đều phải giúp bạn thành công khi chúng ta hướng tới một thế giới siêu kết nối.

Trang web hiện đại: Di động và đáp ứng

Mọi người đang chuyển sang sử dụng thiết bị di động của họ trước tiên là cho email, mạng xã hội, bản đồ và các tìm kiếm trên Google, thay vì máy tính để bàn hoặc máy tính xách tay của họ. Trên Internet, lưu lượng truy cập web đến từ máy tính để bàn và máy tính xách tay đang giảm và lượng truy cập từ điện thoại thông minh đang tăng vọt. Trên thực tế, Google hiện đang thu thập dữ liệu phiên bản di động của các trang web, lập chỉ mục và xếp hạng nội dung cũng như cấu trúc của trang web trên thiết bị di động trước khi xem xét những gì đang xảy ra trên các loại màn hình lớn hơn.

Điều này có nghĩa là các doanh nghiệp nhỏ không thể coi nhẹ web di động được nữa. Bạn cần biết khách hàng và khách hàng tiềm năng của mình đang ở đâu – và họ có nhiều khả năng ở đâu hơn trong tương lai. Việc tối ưu hóa trang web và chiến lược kỹ thuật số cho thiết bị di động, đồng thời áp dụng tư duy ưu tiên thiết bị di động hiện nay sẽ tiếp tục mang lại hiệu quả khi hoạt động tìm kiếm trên thiết bị di động tiếp tục phát triển.

Thiết kế đáp ứng là một định dạng web kỹ thuật số tương thích với từng màn hình và rất kỳ diệu. Được rồi, đó không phải là ma thuật – thiết kế đáp ứng là mã. Nhưng nó mang lại cảm giác giống như ma thuật.

Nếu bạn có một trang web không đáp ứng hoặc nội dung bị cắt gọt khi trang web của bạn được tải trên điện thoại thông minh, bạn có thể gặp rắc rối. Thiết kế đáp ứng “vừa vặn” với các màn hình đủ mọi kích thước, kể cả những màn hình nhỏ dành cho thiết bị di động. Thay vì chỉ đơn giản là thu nhỏ toàn bộ trang web theo quy mô, thiết kế đáp ứng hoạt động trên mọi kích thước của màn hình mà trang web đang được xem, hiển thị nội dung theo cách khác. Vì vậy, cho dù ai đó đang xem trang web của bạn trên màn hình điện thoại, máy tính bảng hoặc trên máy tính xách tay, trang web đáp ứng sẽ tự động điều chỉnh theo màn hình mà trang web được xem. Trong nhiều trường hợp, chẳng hạn, kiểu thiết kế này hiển thị menu điều hướng mới được định dạng tốt hơn cho màn hình cảm ứng cũng như kích thước văn bản có thể đọc được, đôi khi chuyển sang cột văn bản đơn khi cần thiết. Phần tốt nhất của thiết kế đáp ứng là bạn không phải đau đầu với công đoạn quản trị khi tạo một trang web di động riêng biệt; bạn chỉ cần tạo một trang web, nhưng cách hiển thị nội dung sẽ thay đổi, đáp ứng với màn hình mà nó được xem.

Làm cách nào để bạn có được thiết kế đáp ứng trên trang web của mình?

Có rất nhiều cách giúp bạn đạt được điều đó. Squarespace và Shopify là những môi trường thiết kế đáp ứng, có nghĩa là nếu bạn định tạo trang web của mình trên một trong hai nền tảng đó, nó sẽ luôn đáp ứng liền mạch với các thiết bị khác nhau. Họ đã làm sẵn cho bạn. Trên WordPress, hầu hết các chủ đề mới hơn cũng đều đáp ứng. Chỉ cần đảm bảo rằng khi bạn đưa ra một lựa chọn, tự làm hay nhờ sự trợ giúp của một nhà thiết kế hoặc nhà phát triển, nó sẽ được gắn nhãn như vậy. Nếu bạn đang xây dựng một trang lớn hơn hoặc làm việc trực tiếp với nhà thiết kế hoặc nhà phát triển để tạo trang, hãy đảm bảo rằng bạn có hỏi họ về thiết kế đáp ứng.

Điều gì sẽ xảy ra nếu bạn đã có một trang rồi và bây giờ bạn phát hiện ra nó không đáp ứng?

Để tôi kể cho bạn nghe một câu chuyện nhỏ về trang web Camp Tech của riêng tôi.

Từ lâu, tôi đã nói với các học viên của mình về tầm quan trọng của việc mở rộng quy mô trang web đối với doanh nghiệp của họ và rằng việc tự làm giờ đây trở nên dễ dàng hơn bao giờ hết. Tôi là một nhà thiết kế web được đào tạo chuyên nghiệp, vì vậy, tôi đã tự tạo trang web Camp Tech đầu tiên bằng cách sử dụng WordPress để dễ dàng cập nhật và quản lý. WordPress rất tuyệt, và như tôi đã nói trước đó, nó có thể kết nối với các hệ thống khác thông qua các plugin. Tôi đã thiết lập việc đăng ký hội thảo của chúng tôi trên Eventbrite và sử dụng plugin Eventbrite-to-WordPress để kết nối hai trang web. Bằng cách đó, mọi người có thể truy cập trang web Camp Tech (WordPress) và đặt mua vé cho các sự kiện sắp tới (thông qua kết nối Eventbrite) và chúng tôi sẽ nhận được thông báo mỗi khi ai đó đăng ký.

Cuối cùng hệ thống đó đã sụp đổ. Eventbrite vẫn hoạt động nhưng công việc kinh doanh của chúng tôi đã thay đổi: mọi người muốn đăng ký nhiều lớp học cùng lúc và Eventbrite không có giỏ hàng. Nó chỉ cung cấp mỗi lần một đăng ký và khách hàng của chúng tôi cảm thấy thất vọng khi phải nhập chi tiết thẻ tín dụng của họ lặp đi lặp lại để đăng ký nhiều hơn một lớp học. Chúng tôi cũng không thể cung cấp các chương trình khuyến mãi hoặc giảm giá hàng loạt trên toàn cửa hàng, chẳng hạn như “mua một tặng một”. Những thiếu sót về chức năng này buộc chúng tôi phải tìm ra một giải pháp khác.

Chúng tôi có muốn làm một thứ gì đó đặc biệt dành cho mình không? Tôi đã nghĩ về điều đó, nhưng nó sẽ tốn kém quá nhiều so với những gì Camp Tech có thể chi trả vào thời điểm đó. Vì vậy, chúng tôi đã sử dụng một giải pháp khác: chuyển sang trang web Shopify. Nó hoạt động tốt hơn Eventbrite, nhưng vẫn không hoàn hảo tuyệt đối. Chúng tôi đã phải nhờ đến lời khuyên chuyên nghiệp để “nhét cái chốt vuông đó vào một lỗ tròn”, nhưng đó là một giải pháp phù hợp với chúng tôi.

Sau một thời gian...

Hiện chúng tôi đã sử dụng trang web Shopify của mình được vài năm và các vấn đề bắt đầu xuất hiện. Chúng tôi vẫn yêu thích sản phẩm, nhưng không chắc rằng sản phẩm đó sẽ hiệu quả với chúng tôi trong giai đoạn phát triển kinh doanh tiếp theo của chúng tôi hay không. Và điều đó không sao cả!

Điều tôi đang nói ở đây là có một giới hạn về khả năng một trang web có thể phục vụ bạn. Bạn muốn đầu tư bao nhiêu và thời hạn sử dụng của trang web là bao nhiêu? Bạn có thể làm được bao nhiêu để khiến nó trở nên tuyệt vời và khi nào bạn có thể cần trợ giúp để đạt được tốc độ mà các thiết bị kỹ thuật số đang dịch chuyển ngày nay? Tùy bạn. Bạn cần khiến khách hàng dễ dàng tìm thấy bạn, nhận được thông tin họ cần và trên hết, bạn cần tạo điều kiện để họ chi tiền cho bạn càng dễ dàng càng tốt.

Nếu trang web của bạn không làm được những điều này, thì có khả năng nó không bắt kịp nhu cầu của người tiêu dùng kỹ thuật số hiện đại và bạn cần bắt đầu suy nghĩ về việc thay đổi chiến lược của mình. Bạn nên quan sát định kỳ xung quanh để xem bạn có thể tăng giá trị cho trang chủ trực tuyến của mình như thế nào.

Nhu cầu về tốc độ

Có một trang web hiển thị tốt trên mọi thiết bị là chưa đủ. Nó cũng phải mang lại hiệu quả nữa.

Có nhiều yếu tố quyết định hiệu quả của trang web trên thiết bị di động, nhưng yếu tố quan trọng nhất là tốc độ tải của trang web. Vào năm 2018, Google bắt đầu thường xuyên tính đến hiệu suất trang khi lập chỉ mục các trang web (ngoài tất cả những thứ khác mà Google xem xét khi thu thập dữ liệu về một trang web). Đối với một doanh nghiệp hoặc tổ chức nhỏ, điều này có nghĩa là nếu trang web của bạn tải không nhanh, bạn có thể bị phạt khi xuất hiện thấp hơn trong kết quả của công cụ tìm kiếm.

Để chẩn đoán hiệu suất trang web, hãy chạy trang web của bạn qua Kiểm tra tính thân thiện với thiết bị di động dễ sử dụng của Google (search.google.com/ test/mobile-friendly) và Kiểm tra tốc độ trên thiết bị di động (testmysite.thinkwithgoogle.com). Nếu kết quả của bạn kém, các giải pháp có thể mang tính kỹ thuật. Bạn sẽ cần nói chuyện với một nhà phát triển web về lý do và xem có thể tối ưu hóa những gì. Quá trình này sẽ không mất nhiều thời gian: một số bản sửa lỗi thực sự rất nhanh và nếu bạn chỉ gặp vấn đề với duy nhất việc này, nhà phát triển có thể giải quyết mọi thách thức sau vài giờ. Sau đó, bạn sẽ trở lại với công việc của mình.

Khả năng truy cập: Trang web cho tất cả mọi người

Cũng giống như một cửa hàng hoặc văn phòng trong thế giới thực, ngôi nhà trực tuyến của bạn cần được thiết kế gọn gàng và tổ chức mạch lạc, đồng thời nó phải có thể truy cập được về mặt vật lý. Vâng, về mặt vật lý. Các trang web tốt nhất đều có chung một tiền đề cơ bản: mọi người cần dễ dàng trực tuyến. Chúng ta có thể bị cuốn vào tất cả các tính năng khi nói đến thiết kế và phát triển web, nhưng đôi khi đơn giản hơn sẽ tốt hơn.

Đơn giản hơn không tốt hơn chỉ vì điều đó có nghĩa là bạn sẽ dẫn mọi người qua trang web của mình dễ dàng hơn: đó cũng là luật.

Nếu bạn đang phát triển một trang web, điều quan trọng là phải cân nhắc xem những người khác nhau sẽ có thể truy cập nội dung của bạn như thế nào, vì những người bị khuyết tật về thị giác, thính giác, nhận thức và các loại khuyết tật khác có thể và sẽ sử dụng trang web của bạn. Các chính phủ trên khắp thế giới thường yêu cầu các trang web và nội dung web phải tuân theo những gì được gọi là Nguyên tắc hỗ trợ truy cập nội dung web (WCAG) 2.0 của World Wide Web Consortium (bạn có thể đọc tại w3.org/WAl/WCAG2i/quickref). Điều này đặc biệt quan trọng đối với các trang web từ thiện và quản trị, nhưng nó phải đúng đối với tất cả các doanh nghiệp, bởi Internet là dành cho tất cả mọi người.

Trang web của bạn có phù hợp với các nguyên tắc của WCAG không? Bạn có thể bắt đầu bằng cách quan sát trang web của mình thông qua Công cụ đánh giá khả năng truy cập web của WAVE (wave. webaim.org). Trang web này đánh giá trang web của bạn có đáp ứng các tiêu chuẩn WCAG toàn cầu về khả năng truy cập cho những người có nhiều nhu cầu hay không. Không phải lúc nào mọi chuyện cũng đơn giản như vậy, vì khả năng truy cập không chỉ giúp trang web của bạn hiệu quả với người khuyết tật. Mọi khách truy cập trang web đều muốn có thể quét nhanh qua một trang web để tìm nội dung họ muốn đọc và không muốn bị cản trở bởi quá nhiều thao tác: đóng cửa sổ bật lên, tạm dừng video và bị lạc ra ngoài khi họ vật lộn tìm đường thông qua các menu điều hướng nhỏ hoặc được thiết kế xấu.

Hãy nói về việc làm sao có thể xem hết các tùy chọn truy cập mà bạn có thể chưa xem xét, đặc biệt nếu bạn có một số chức năng khác nhau trên trang chủ trực tuyến của mình.

Bạn thích gì trên các trang web khác? Làm việc đó đi.

Khi nói đến khả năng đáp ứng, tốc độ và khả năng tiếp cận, bạn có thể tin tưởng vào bản năng của mình.

Bởi vì, thực sự, chuyện này tất cả là về bạn. Bạn là người tiêu dùng và cũng là người thu thập thông tin. Bạn biết cảm giác bị lạc trong mê cung các lựa chọn trực tuyến và không biết mình phải làm gì mà. Bạn biết những điều mà mọi người làm trên trang web của họ khiến bạn phải đóng một của sổ. Công việc của bạn là tìm ra một cách tốt nhất. Bạn nên đặt mục tiêu tạo một trang web mà bạn muốn sử dụng, thay vì một trang web chứa đầy những thứ không liên quan thực sự chỉ ngăn mọi người nhận được những gì họ muốn trải nghiệm.

Đó cũng là về chiến lược. Quay lại mục tiêu kinh doanh của bạn và kiểm tra xem bạn sẽ đạt được hiệu quả (về thời gian hay tiền bạc) nếu bạn thêm một thứ nữa vào trang web của mình. Nếu nhà thiết kế/nhà phát triển/bạn thân nhất của bạn nói rằng bạn cần một chút “sống động” hơn nữa, hãy tự kiểm tra: liệu điều đó có tạo ra ảnh hưởng đến khách hàng của tôi hoặc doanh nghiệp của tôi không, hay nó sẽ tạo ra một tác dụng phụ đến những gì tôi muốn đạt được?

Hãy tin tưởng bản thân khi biết loại trải nghiệm nào sẽ phù hợp với khách hàng hoặc khách hàng tiềm năng của bạn. Điều đó không có nghĩa là bạn không thể vô tư thử những cách làm mới; trên thực tế, tôi khuyến khích điều đó. Bạn không cần cảm thấy sợ sai. Sau tất cả, đây chỉ là mạng xã hội. Bạn có thể thay đổi mọi thứ chỉ bằng một nút bấm. Biết rằng sự thay đổi là điều không tránh khỏi và nương theo nó.

TÓM LẠI

Bạn cần tối ưu hóa trang web của mình để có ngày càng nhiều thiết bị được Internet hỗ trợ trên sàn buôn bán tiêu dùng.