1. Hiện tại có một số member mạo danh BQT để giao dịch trên diễn đàn và đã LỪA ĐẢO khá nhiều tại chuyên mục Adwords... Mọi người cảnh giác và đọc bài: Giới thiệu giao dịch đảm bảo bởi @Admin

Tại sao bạn nên thiết kế Trang web tối ưu hóa cho Smartphone?

Thảo luận trong 'Hỗ trợ thiết kế - Đồ hoạ cho Seo' bắt đầu bởi lamvt, 26/5/13.

Lượt xem: 338,544
  1. lamvt

    lamvt Cựu Administrator

    Gia nhập:
    14/9/11
    Bài viết:
    973
    Đã được thích:
    1,123
    Web:
    Thế nào là trang Web được tối ưu hóa cho Smartphone
    Trang web được tối ưu hóa cho Smartphone là trang web được thiết kế riêng cho Smartphone mà chỉ những nội dung thích hợp nhất mới được đăng tải, giúp người sử dụng có thể xem trang này mà không cần cuộn ngang.

    Tại sao bạn nên thiết kế Trang web được tối ưu hóa cho Smartphone
    Trong thế giới công nghệ di động ngày càng phát triển thì việc thiết kế Trang web được tối ưu hóa cho Smartphone là cần thiết bởi vì hầu hết mọi người đều có điện thoại di động và tỷ lệ lớn trong số họ sử dụng smartphone. Và những web thiết kế riêng cho smartphone sẽ phù hợp với bất cứ loại màn hình nào của từng loại điện thoại thông minh.
    [​IMG]
    Các phương thức cần thiết để thiết kế Trang web được tối ưu hóa cho Smartphone

    Dưới đây là một số phương thức cần thiết giúp các nhà thiết kế tạo được trang web được tối ưu hóa cho Smartphone

    • Hiện nay, phương thức quan trọng và được các nhà thiết lế sử dụng nhiều nhất là dùng Responsive Web Design (RWD) – Thiết kế web đáp ứng.
    • Tạo một web dành riêng cho điện thoại di động toàn diện. Có nghĩa là bạn sẽ thiết kế hai phiên bản cho web của mình, một cho máy tính để bàn và một cho smartphone.
    • Xây dựng web sẵn sàng cho smartphone. Người thiết kế có thể xây dựng một web có cùng địa chỉ cho cả máy bàn và di động nhưng có HTML hoặc trang ASP khác nhau. Bằng cách này, người dùng truy cập web thông qua một smartphone thì một HTML khác sẽ được mở ra.
    • Tối ưu hóa các hình ảnh và đồ thị cho smartphone. Thậm chí nếu bạn có một web riêng biệt hoặc CSS dành riêng cho điện thoại di động, thì sẽ không mất nhiều thời gian để tải các hình ảnh.
    • Sử dụng các công cụ nhất định giúp bạn kiểm tra được web của mình trên những kích thước màn hình và giải pháp khác nhau, giúp bạn tối ưu hóa được web của mình cho các thiết bị khác nhau. Một trong số công cụ đó là Opera Mobile Emulator.

    Khuyến nghị của Google trong việc xây dựng trang web được tối ưu hóa cho Smartphone

    Khi xây dựng một web dành cho smartphone, Google hỗ trợ 03 cấu hình khác nhau bao gồm:


    • Các trang sử dụng thiết kế web đáp ứng ví dụ các trang phục vụ cho tất cả các thiết bị trên cùng một bộ URLs mà mỗi URL phục vụ cùng một HTML giống nhau cho tất cả các thiết bị và chỉ sử dụng CSS để thay đổi trang.
    • Các web phục vụ tất cả các thiết bị trên cùng một HTML nhưng mỗi URL phục vụ một HTML khác nhau phụ thuộc vào người sử dụng máy bàn hay di động.
    • Các web có phiên bản cho di động riêng và cho máy bàn riêng.

    Giới thiệu về Responsive Web Design (RWD)

    Responsive Web Design (RWD) là xu hướng mới theo đó quy trình thiết kế và phát triển web sẽ đáp ứng mọi thiết bị và môi trường của người dùng theo các tiêu chí kích thước và chiều của màn hình thiết bị. Để làm được điều đó chúng ta sẽ sử dụng linh hoạt kết hợp các kỹ thuật bao gồm flexible grid, responsive image và CSS media query. Khi người dùng chuyển từ máy tính xách tay của họ sang iPad hay iPhone, trang web sẽ tự động chuyển đổi để phù hợp với kích thước màn hình và kịch bản xử lý. Nói cách khác, các trang web cần phải có công nghệ tự động đáp ứng theo thiết bị của người dùng. Điều này sẽ loại bỏ sự cần thiết cho nhiều thiết kế web khác nhau và giảm thiểu thời gian cũng như chi phí thiết kế web.


    • Uu điểm của RWD:
      • Nội dung giống nhau, không có sự khác biệt
      • Chỉ cần một URL cho các trang.
    • Nhược điểm của RDW
      • Nội dụng không được tối ưu hóa cho các thiết bị di động
      • Tốc độ chậm hơn
      • Khó điều khiển trang

    Giới thiệu về HTML dành riêng cho thiết bị

    HTML dành riêng cho thiết bị có thể được dùng cho cùng một URL giốngnhau hoặc các URL khác nhau (ví dụ như www.example.com và m.example.com)
    Related Posts:




    Nguồn: Necessary techniques for Designing website for smartphones

    Bài viết được tổng hợp bởi Lamvt http://www.joomquery.com
    Về tác giả: Lamvt - Làm việc với Joomla từ những năm đầu của Joomla 1.0.x và Mambo (2006) cho đến nay và từng tham gia Quản Trị Diễn đàn Joomla Việt Nam (2006-2009) và nay tham gia cùng Thế Giới SEO mong góp chút kiến thức của mình về SEO/SEF cho Joomla nhằm chia sẻ cho những người còn chưa biết và cũng mong học hỏi thêm nhiều lĩnh vực SEO.
    Thân mến

    Xin giới thiệu tới các bạn yêu Joomla 2 template responsive cho Joomla rất đẹp hoàn toàn miễn phí:
    Blue Business Joomla Responsive Template miễn phí cho các site doanh nghiệp

    Joom Portfolios Responsive template miễn phí cho Joomla

  2. suakhoahcm

    suakhoahcm Top 10

    Gia nhập:
    22/5/13
    Bài viết:
    8
    Đã được thích:
    1
    mình nghĩ cái gì cũng vậy, cái gì tối ưu đc chẳng tốt
  3. suachuatulanh

    suachuatulanh Top 10

    Gia nhập:
    27/4/13
    Bài viết:
    14
    Đã được thích:
    1
    Web:
    Smartphone đang lên ngôi. Bạn đang làm dịch vụ sửa máy tính chẳng hạn. Khách hàng online của bạn chỉ có thể tìm kiếm đến bạn qua chiếc smartphone thôi. Việc tối ưu hóa site cho điện thoại là một việc cần thiết bởi lượng khách hàng về từ nguồn này tương đối lớn.
  4. vt240911

    vt240911 Seo Newbie

    Gia nhập:
    18/3/13
    Bài viết:
    16
    Đã được thích:
    0
    Nơi ở:
    daklak
    Web:
    biết là nó tốt nhưng làm sao tạo được code cấu hình cho di động đây nhỉ?ai bt chỉ mình với dc ko?
    Nick mình : nguyenhoangyen111
  5. phamduykhanh

    phamduykhanh Top 9

    Gia nhập:
    23/11/12
    Bài viết:
    117
    Đã được thích:
    8
    ghi nhớ @};- học tập
  6. saosangmo

    saosangmo Top 9

    Gia nhập:
    7/10/12
    Bài viết:
    252
    Đã được thích:
    18
    Nơi ở:
    Hanoi
    Web:
  7. trunganh9x9x9x

    trunganh9x9x9x Top 9

    Gia nhập:
    30/5/13
    Bài viết:
    41
    Đã được thích:
    0
    Web:
    Mình nghĩ smartphone dành cho cho các sản phẩm có nhu cầu nhanh , còn ví dụ ai mà có nhu cầu mua laptop thì chả bao giờ dùng smart phone cả
  8. fongst

    fongst Top 9

    Gia nhập:
    24/10/12
    Bài viết:
    121
    Đã được thích:
    9
    Nơi ở:
    Hà Nội
    Trong tương lai không xa thì thị trường smart phone sẽ fát triển cực mạnh, nên việc hỗ trợ tối đa cho nó cũng là điều khá dễ hiểu. Không thể bỏ qua thị trường tiềm năng này!
  9. vq_duy

    vq_duy Top 7

    Gia nhập:
    29/9/10
    Bài viết:
    1,172
    Đã được thích:
    80
    Web:
    smartphone ra đời phát triển mạnh mẽ làm anh em thiết kế web cũng mệt mỏi quá
    Nhưng ko theo thì chỉ có die
  10. victor

    victor Top 9

    Gia nhập:
    22/1/13
    Bài viết:
    282
    Đã được thích:
    9
    Năm nay thiết kế trên smartphone lên ngôi, đó cũng là xu hướng phát triển hiện nay của rất nhiều các doanh nghiệp đang thực hiện.
  11. vphong092

    vphong092 Top 9

    Gia nhập:
    14/6/13
    Bài viết:
    51
    Đã được thích:
    3
    Hèn gì mà những trang web lớn trên thế giới đều có web dành cho di động. Làm trong lĩnh vực này thì phải ráng mà bắt kịp với xu thế.
  12. bachvab

    bachvab Top 9

    Gia nhập:
    18/6/13
    Bài viết:
    245
    Đã được thích:
    10
    Em đã sử dụng mã nguồn nukeviet và bật chế độ mobile lên. Cứ ông nào mà vào bằng đt thì là nó tự động chuyển vào chế độ mobile luôn
  13. minhtruonght

    minhtruonght Seo Newbie

    Gia nhập:
    25/7/13
    Bài viết:
    27
    Đã được thích:
    0
    Web:
    Giờ cũng khá nhiều người dùng smart phone nên tối ưu được trên thiết bị này thì cực tốt rồi
  14. haopro

    haopro Top 8

    Gia nhập:
    2/8/13
    Bài viết:
    370
    Đã được thích:
    26
    Web:
    theo mình nghĩ thì ko nên thiết kế dạng Responsive vì nó tiện là kell theo kích thước và chiều của màn hình thiết bị vì nó vẫn load rất nặng cho mobile . Chúng ta nên chuyển hẳn sang 1 sub domian danh cho mobile và thiết kế 1 theme theo chuan w3c lun .
  15. noithatphuthai

    noithatphuthai Top 9

    Gia nhập:
    16/8/13
    Bài viết:
    281
    Đã được thích:
    13
    Web:
    Đơn giản là bởi vì ngày càng nhiều người dùng smartphone.lên phải thiết kế website sao cho phù hợp trên mobile
  16. rongchauaseo

    rongchauaseo Top 9

    Gia nhập:
    8/8/13
    Bài viết:
    43
    Đã được thích:
    1
    Web:
    Mình thấy cái này hiện giờ có 2 giải pháp chính là làm site dạng respontive và làm site riêng cho mobile rồi dùng mobile detect để chuyển đổi
  17. vq_duy

    vq_duy Top 7

    Gia nhập:
    29/9/10
    Bài viết:
    1,172
    Đã được thích:
    80
    Web:
    Em thì ko thích giao diện mobile lắm, vì trông nó cứ kiểu gì ấy, smart phone có tốc độ truy cập nhanh , em nghĩ cứ nên để giao diện thường là đẹp và dễ nhìn nhất
    Mỗi tội ko tối ưu với google
  18. tquan889

    tquan889 Top 9

    Gia nhập:
    14/6/13
    Bài viết:
    54
    Đã được thích:
    3
    Hèn gì trang của mình nó load rất chậm. Mình cứ cho rằng là do nhà cung cấp host cùi.
  19. vietweblink

    vietweblink Seo Newbie

    Gia nhập:
    4/9/13
    Bài viết:
    1
    Đã được thích:
    0
    Do sự phát triển công nghệ mình đã bỏ ngành web cao cấp chuyển sang web ứng dụng với mục đích giúp doanh nghiệp quảng bá thương hiệu cấp tốc và hiệu quả.

    Mình muốn hợp tác với các bạn chuyên về thiết kế web seo

    Rất mong được sự hợp tác của các bạn

    Email: [email protected]
    Tel: 0919 22 10 30
  20. Vu2012

    Vu2012 Top 9

    Gia nhập:
    26/8/13
    Bài viết:
    308
    Đã được thích:
    8
    Nơi ở:
    Cty thiết kế thi công biệt thự nhà phố Indigo
    Web:
    ghi nhớ @};- học tập

Nội quy khi thảo luận:

Dù bạn có cố tình spam bằng cách nào khi BQT diễn đàn phát hiện sẽ lập tức banned nick và xoá toàn bộ bài viết của bạn. Ngoài ra khi phát hiện ra Spam hãy gửi thông báo cho BQT diễn đàn. Hãy suy nghĩ trước khi hành động..!
✓ Khi muốn trả lời ai đó, bạn gõ @ cộng thêm nick diễn đàn của người đó phía sau @, giống như tag tên trên Facebook.
✓ Yêu cầu khi bình luận, bạn phải gõ chữ rõ ràng, không viết tắt, gõ tiếng Việt đầy đủ dấu câu.
✓ Nên dùng font chữ mặc định của diễn đàn, không tô màu lòe loẹt hay dùng size chữ quá lớn khi bình luận.
✓ Bài viết, comment... không được phép quảng cáo dịch vụ, rao vặt, pr... Loại trừ ở chuyên mục Rao vặt đã cho phép.
✓ Nghiêm cấm các chủ đề dạng: Cứu em với, help me, giật tít, câu view... dưới mọi hình thức.
✓ Tất cả các thành viên tham gia diễn đàn cần đọc kỹ Nội quy chung và nghiêm túc tuân thủ.


Chia sẻ trang này

Đang tải...