Quy định về thiết kế giao diện người dùng hỗ trợ SEO

Thảo luận trong 'Tài Nguyên SEO - Ebooks SEO' bắt đầu bởi zozo111, 14/10/15.

  1. zozo111

    zozo111 Well-Known Member

    Bài viết:
    65
    Đã thích:
    5
    Tình hình là em tham gia diễn đàn này cũng lâu rồi, học hỏi được khá nhiều mà chưa chia sẻ được thông tin gì cho mọi người trên diễn đàn, nay chia sẻ với mọi người tham khảo thêm 1 số quy định về thiết kế giao diện người dùng hỗ trợ SEO. Cái này nó liên quan đến code nhiều hơn, nhưng vì nó hỗ trợ tốt cho SEO cho nên chúng ta vẫn nên biết và cần biết

    Có gì góp ý cho em chứ đừng gạch đá tội em lắm :(

    [​IMG]

    1. Quy định về cấu trúc giao diện

    A. Yêu cầu bắt buộc:

    A.1: Phải có 3 phần Header, Body, Footer

    B. Khuyến nghị:

    B.1: Thiết kế giao diện theo chuẩn HTML5 và CSS3.

    2. Quy định về tối ưu ảnh

    A. Yêu cầu bắt buộc:

    A.1: 100% ảnh đưa lênphải tối ưu dụng lượng nhẹ nhất không vượt quá 0,1Mb đối với mỗi ảnh trong bài viết

    B. Khuyến nghị:

    B.1: Sử dụng các hình ảnh có định dạng (.jpg) hạn chế tối đa sử dụng các ảnh định dạng (.gif)

    B.2: Banner, logo thiết kế bắt mắt và nhẹ nhất có thể sao cho không làm mất vẻ đẹp đồ họa

    3. Quy định về tính tương thích với trình duyệt

    A. Yêu cầu bắt buộc:

    A.1.Giao diện không được xảy ra lỗi, vỡ khung trên các trình duyệt như:Internet Explorer (7,8,9,10), FireFox, Opera, Safari, Chrome, ...

    A.2. Giao diện phải tương thích với các trình duyệt trên Mobile

    B. Khuyến nghị :

    C. Ví dụ :

    4. Quy định về cấu trúc giao diện bài viết

    A. Yêu cầu bắt buộc:

    A.1. Giao diện phải có các phần bài viết liên

    A.2. Giao diện phải có các Tag đặt ngay sau nội dung bài viết

    B. Khuyến nghị :

    B.1. Các bài viết liên quan lên đặt sau đoạn mở bài (khoảng 1 đến 2 bài viết lien quan)

    B.2. Các bài viết liên quan có thể đặt ở phần bên dưới sau nội dung bài viết

    C. Ví dụ :


    5. Quy định về tính thẩm mỹ

    A. Yêu cầu bắt buộc

    A.1. Không trùng lặp với bất kỳ một giao diện nào hiện có trong cùng lĩnh vực (Tìm kiếm qua Google)

    B. Khuyến nghị

    B.1. Giao diện Website thiết kế đẹp, bắt mắt, mang tính thẩm mỹ, sang tạo, chuyên nghiệp tạo sự tin tưởng cho người dùng

    6. Yêu cầu về chữ viết

    A. Yêu cầu bắt buộc

    A.1. Không sử dụng font chữ vnTime

    B. Khuyến nghị

    B.1. Nên chọn các font Unicode(Arial, Tahoma, Times New Roman, …)

    B.2. Tránh dùng các font quá cầu kỳ gây cảm giác khó chịu khi theo dõi

    C. Ví dụ

    C.1. Các font chữ kiểu thư pháp, Webdding không nên dùng

    7. Yêu cầu về tính tương tác người dùng

    A. Yêu cầu bắt buộc

    A.1. Đối với nửa màn hình đầu tiên trên Website phải chứa tối thiểu 2/3 nội dung tổng thể Website

    B. Khuyến nghị

    C. Ví dụ

    C.1. Đối với Website về Máy chủ server VDO : nửa màn hình đầu khi mở Website sẽ chứa các thong tin cần thiết như: thông tin về công ty máy chủ VDO, các dịch vụ chính của công ty, các bài viết mới nhất về máy chủ, các câu hỏi đáp liên quan đến máy chủ, máy chủ ảo,..liên hệ, ...

    Yêu cầu về màu sắc thiết kế

    A. Yêu cầu bắt buộc

    A.1. Các màu sắc thiết kế phải nằm trong bộ 6 gam màu trên Google

    B. Khuyến nghị

    B.1. Màu sắc thiết kế không nên lòa loẹt quá hoặc đơn điệu quá

    B.2. Nên chọn những tông màu chủ đạo liên quan đến sản phầm đang cung cấp hoặc những tong màu trên logo

    B.3. Tránh các màu đối lập nhau gây khó chịu khi quan sát

    B.4. Hạn chế tối đa các thẻ “table, td” để thiết kế lõi giao diện


    Trên đây là một số quy định về giao diện người dùng của Website sẽ hỗ trợ tốt cho SEO, các bạn có thể tham khảo thêm nhé

    Chúc các bạn SEO TOP GOOGLE
     
    Đang tải...
  2. kynanggame

    kynanggame Well-Known Member

    Bài viết:
    417
    Đã thích:
    80
    Bài này bạn copy ak, khoảng cách quá rộng, những thứ cần cách ra lại cho đều đều. Lần sau nhớ sửa lại chút cho dễ nhìn nha
     
  3. dieuhoa1

    dieuhoa1 Well-Known Member

    Bài viết:
    178
    Đã thích:
    9
    bài của bạn đọc lan man quá chẳng hiểu gì cả, lần sau bạn viết chi tiết một tý nhà bạn
     
    zozo111 thích bài này.
  4. zozo111

    zozo111 Well-Known Member

    Bài viết:
    65
    Đã thích:
    5
    Mình trình bày ra word xong copy vào đây mà, mình cách ra cho mọi người dễ nhìn thôi, bạn lại còn soi của khoảng cách nữa. Haiz
     
  5. zozo111

    zozo111 Well-Known Member

    Bài viết:
    65
    Đã thích:
    5
    Mình viết khá chi tiết và đầy đủ từng phần 1 mà bạn vẫn cảm thấy lan man ạ. CTV của mình đọc đều hiểu hết ạ. Lần sau mình sẽ viết chi tiết hơn nha. Cảm ơn bạn đã góp ý
     
  6. thanh_huong

    thanh_huong Well-Known Member

    Bài viết:
    402
    Đã thích:
    50
    bạn viết thế này là đủ hiểu rồi, nhưng có phần trang đầu tiên hiển thị 2/3 nội dung thì chỉ áp dụng cho site dịch vụ hoặc thiết kế kiểu nước ngoài chứ VN mình shop dài dằng dặc phía dưới phải 3 4 cái màn hình ấy chứ :D
     
  7. zozo111

    zozo111 Well-Known Member

    Bài viết:
    65
    Đã thích:
    5
    Ừ, tại site của mình là site về dịch vụ cho nên trang chủ không có show ra nhiều :D
     
  8. tramy_94

    tramy_94 Well-Known Member

    Bài viết:
    568
    Đã thích:
    107
    để tạo được 1 website có giao diện đẹp mắt và ưng ý người dùng sẽ rất khó, bởi vì mỗi khách hàng lại có 1 ý thích khác nhau. mình nghĩ 1 website không nên quá màu mè, quảng cáo hoặc điều hướng rối mắt là được
     
    zozo111 thích bài này.
  9. thaolaptl

    thaolaptl Well-Known Member

    Bài viết:
    118
    Đã thích:
    2
    các quy định gì vậy bạn mình đọc bài này mà chẳng biết nó nói về cái gì cả
     
  10. longhalan

    longhalan Member

    Bài viết:
    8
    Đã thích:
    2
    cái bạn đưa ra hội tụ nhiều yếu tố quá khiến người đọc khó cảm nhận hết được, bạn có thể tách riêng từng ý để đăng nhiều lần thì mọi người để bàn luận hơn
     
Đang tải...
Đang tải...