xác thực google maps

Tối ưu CRO - Vai trò của F-pattern đối với thiết kế web chuẩn SEO

Thảo luận trong 'Kiến thức Onpages' bắt đầu bởi aloneofstone, 1 Tháng chín 2012.

Lượt xem: 7,497

  1. aloneofstone

    aloneofstone Thành viên

    Bài viết:
    227
    Đã được thích:
    361
    Hiểu rõ về F-pattern sẽ giúp bạn thiết kế website và làm SEO tối ưu được CRO tốt nhất để mang lại lượng khách hàng tiềm năng cao nhất.

    Một vấn đề mà người làm SEO hay thiết kế website đều quan tâm đó là làm sao tối ưu được CRO trên website của khách hàng. Vì chỉ có tối ưu được CRO thì mới chứng tỏ được việc đầu tư vào thiết kế web chuyên nghiệp và SEO có hiệu quả. Như vậy chúng ta cần tìm hiều CRO và F pattern là cái gì mà tôi đề cập ở đây.​

    F-pattern-thiet-ke-website.jpg

    1. F pattern là cái gì
    F pattern là một nguyên tắc trong việc thiết kế website dựa trên những nghiên cứu về eyetracking. Bạn có thể vào google search từ khóa “F pattern” để tìm hiểu thêm.​

    Theo nguyên tắc F pattern thì:

    • Mắt người đọc sẽ di chuyển theo nội dung thành một đường ngang trên cùng của chữ F.
    • Tiếp theo mắt sẽ di chuyển xuống phía dưới và làm một chuyển động ngang thứ 2 ngắn hơn so với chuyển động ban đầu. Hình thành gạch ngang thứ 2 của chữ F.
    • Cuối cùng mắt người đọc sẽ quét một đường thẳng đứng bên trái tạo thành chữ F hoàn chỉnh.
    Rõ ràng là không phải lúc nào cũng bao gồm cả 3 bước chính xác. Đôi khi người dùng sẽ đọc theo mô hình của chữ E hoặc chữ L ngược. Nhưng đa phần là gần giống chữ F​

    F-pattern-thiet-ke-website.jpg

    Nhìn bản đồ nhiệt của các nghiên cứu eyetracking trên ba trang web khác nhau. Màu đỏ được nhìn nhiều nhất tiếp theo là màu vàng. Khu vực màu xanh ít xem nhất còn màu xám thì không thu hút được quan tâm.​

    Trên ảnh đầu tiên là trang về “About us” có thể thấy sự quan tâm hình thành một chữ F dạng thô chứ không phải thống nhất, cụ thể chứng tỏ sự quan tâm trải đều.​

    Trên trang tmđt ở giữa do có ảnh sản phẩm nên gạch ngang thứ 2 của chữ F xuống sâu. Người dùng quan tâm nhiều tới hộp phía trên bên phải trang nơi có giá sản phẩm và nút “add to cart”.​

    Trang cuối là trang SERP, do tiêu đề thứ 2 dài hơn tiêu đề đầu nên gạch ngang thứ hai của chữ F có vẻ dài hơn gach đầu. Chứng tỏ 2 tiêu đề gây quan tâm thú vị như nhau mặc dù theo F-pattern thì khu vực thứ 2 sẽ quan tâm ít hơn khu vực đầu.​

    2.Ảnh hưởng của F-pattern tới CRO?

    Như vậy rõ ràng mô hình F-pattern ảnh hưởng khá rõ ràng tới thiết kế web và SEO. Người làm SEO và thiết kế website không thể xem nhẹ yếu tố này mà bố trí nội dung bừa bãi. Phải hiểu để biết bố trí điểm nhấn, khu vực quan trọng theo F-pattern nhằm tối ưu CRO một cách tốt nhất.​

    CRO là viết tắt của từ Conversion Rate Optimization tức là tối ưu hóa tỷ lệ chuyển đổi từ khách bắt đầu đến website của mình tới các khu vực quan trọng nhất của mục tiêu website chúng ta như là bấm mua hàng , bấm nút liên hệ, bấm tải tài liệu, chọn xem thông tin khác nhiều hơn (Các trang tin tức như báo điện tử hay trang tin tổng hợp)…​

    Tất nhiên trên một website việc Tối ưu CRO còn rất nhiều yếu tố khác rút ra từ các nghiên cứu khoa học hành vi người dùng trên website. Để đạt tỉ lệ CRO cần sự tư vấn cụ thể khoa học. Nếu chỉ nhắm mắt làm bừa, thiết kế website không theo một qui chuẩn nào thì thực sự rất lãng phí tiền và không mạng lại hiệu quả cao trong kinh doanh cũng như kết quả SEO website của bạn.​


    F-pattern-thiet-ke-website.jpg F-pattern-thiet-ke-website.jpg

    F-pattern-thiet-ke-website.jpg

    F-pattern-thiet-ke-website.jpg
     
    edenreal.com and bdsct like this.
  2. sharp

    sharp Dự bị

    Bài viết:
    25
    Đã được thích:
    7
    Cái này trước thầy giáo dậy mình cũng nói qua thấy cũng khá là hợp lý.
     
  3. ruoimuoi

    ruoimuoi Thành viên thân thiết

    Bài viết:
    1,463
    Đã được thích:
    2,788
    Bài viết thì hay mà cách trình bày bài viết thì không được tốt.
     
  4. chuyensuanhaa

    chuyensuanhaa Dự bị

    Bài viết:
    12
    Đã được thích:
    0
    Nhiều cái mình chả biết gì cả. Đọc bài này mới biết thêm nhiều cái. Thanks chủ thớt nhé.
     
  5. phongbbnn

    phongbbnn Thành viên

    Bài viết:
    196
    Đã được thích:
    41
    mới nghe qua các thuật ngữ lần đầu, thấy kiến thức xa vời quá
     
  6. Bếp từ malloca

    Bếp từ malloca Dự bị

    Bài viết:
    8
    Đã được thích:
    0
    cái này là gì vậy @@ cũng mới nghe lần đầu đấy :|
     
  7. theslo

    theslo Dự bị

    Bài viết:
    23
    Đã được thích:
    7
    Bài viết này có vẻ không đi sâu lắm nên đọc xong mà mình chả hiểu được mấy!
     
  8. edenreal.com

    edenreal.com Dự bị

    Bài viết:
    34
    Đã được thích:
    7
    Đọc qua tuy mình chưa hiểu lắm vì mình không phải là dân code. Nhưng cũng thanks chủ thớt đã chia sẽ :)
     
  9. aloneofstone

    aloneofstone Thành viên

    Bài viết:
    227
    Đã được thích:
    361
    Admin góp ý nên trình bày thế nào cho tốt hơn được không nhỉ , Thanks bác
     
  10. iembok

    iembok Dự bị

    Bài viết:
    16
    Đã được thích:
    0
    hình nhỏ wa' bạn ơi, mà đọc cũng hok hỉu j cả :D
     

Chia sẻ trang này