Sử dụng thiết kế Parallel Mobile Site

Thảo luận trong 'Rao vặt' bắt đầu bởi lekhanhdai, Tháng 01 26, 2018.

  1. lekhanhdai

    lekhanhdai New Member

    Tham gia ngày:
    Tháng 12 21, 2017
    Bài gửi:
    8
    Đã được thích:
    0
    Sử dụng thiết kế Parallel Mobile Site
    Parallel Mobile Site là giao diện sử dụng 2 url để hiển thị Desktop và Mobile.

    [​IMG]

    Ưu điểm của Parallel Mobile Site:

    Sẽ có 2url tách biệt hiển thị cho máy tính và di động
    Mang lại trải nghiệm tốt hơn cho người sử dụng
    Khắc phục các nhược điểm trong thiết kế Responsive Web, bằng cách thiết kế giao diện sử dụng ít mã nguồn, ít hình ảnh, làm giảm truy vấn, góp phần tăng tốc độ load nhanh hơn
    Nhược điểm của Parallel Mobile Site:

    Google không thích việc điều hướng website qua 2 giao diện

    Để giúp thuật toán của Google hiểu cấu hình website của bạn, Google khuyến cáo sử dụng các chú thích sau đây

    [​IMG]

    Dành cho máy tính

    Trên giao diện máy tính thêm thẻ alternate trỏ đến url dành cho thiết bị di động tương ứng. Điều này giúp Googlebot phát hiện ra vị trí của điện thoại di động trang web của bạn.

    <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1">

    Dành cho thiết bị di động

    Trên trang điện thoại di động, thêm một liên kết rel=”canonical” trỏ đến URL máy tính để bàn tương ứng

    <link rel="canonical" href="http://www.example.com/page-1">

    Việc sử dụng đoạn thẻ code trên bạn chỉ cần dùng 1 cái là được. Bạn dùng code 1 trên giao diện cho máy tính thì không cần đoạn code 2 trên giao diện cho mobile và ngược lại.

    Liên Hệ Với Tôi
    Công ty SEO Đây Rồi Media
    Tư vấn và tối ưu doanh nghiệp của bạn

    Địa Chỉ
    220/60 Âu Cơ
    Phường 9, Quận Tân Bình
    TPHCM, Việt Nam

    Liên Hệ
    Call : (+84) 949.456.968
    Call : (028)39.7789.28
    Email : dayroimedia@gmail.com
     

Chia sẻ trang này