Loading
Hãy tìm kiếm trước khi đặt câu hỏi đến các chuyên gia tại Diễn đàn SEO - Quảng Bá Web

Chú ý: thành viên mới tham gia (chưa đủ 30 bài) sẽ không đăng được bài mới (thảo luận được chấp nhận toàn bộ) trong những Box không thuộc về SEO - Digital Marketing (vd: Giao lưu, Quảng cáo v.v.. do không có đóng góp cho anh em SEOer mà toàn Spam bài quảng cáo v.v..)
  • Diễn đàn Quảng bá web - Thông báo khẩn

    1.  

    + Trả Lời Ðề Tài
    Trang 1/2 1 2 cuốicuối
    kết quả từ 1 tới 10 trên 13
    1. #1
      Tham gia ngày
      Sep 2011
      Bài gởi
      5,315
      Thanks
      1,492
      Thanked 4,372 Times in 1,681 Posts

      Tối ưu hóa bố cục của trong trang web

      Tối ưu hóa bố cục của trong trang web? Trong xu hướng thiết kế web hiện đại, có 2 cách để thiết kế bố cục (layout) phổ biến là các bảng (table) lồng nhau và dựa vào chuẩn CSS

      Tối ưu hóa bố cục của trong trang web? Trong xu hướng thiết kế web hiện đại, có 2 cách để thiết kế bố cục (layout) phổ biến là các bảng (table) lồng nhau và dựa vào chuẩn CSS.Cách thiết kế layout theo dạng table đã quá phổ biến với các nhà thiết kế website vì tính trực quan, thời gian thiết kế cũng được rút ngắn và khả năng tương thích trình duyệt cao. Nhưng việc lạm dụng thiết kế layout theo table cũng dẫn đến một số rắc rối cho các designer. Vào cuối thập niên 90, W3C giới thiệu CSS (Cascading Style Sheets) cho phép tùy biến những kiểu thể hiện khác nhau cho tài liệu HTML. Các trình duyệt nhanh chóng hỗ trợ CSS, các designer bắt đầu áp dụng chuẩn này cho các bản thiết kế của họ.



      Sau đây là những lý do chính của việc các designer từ bỏ việc sử dụng table và chuyển sang dùng CSS:
      - Table làm gia tăng kích thước của site dẫn đến việc tiêu tốn băng thông không cần thiết .
      - Tiêu tốn thời gian hiệu chỉnh nhiều hơn so với việc dùng CSS nếu website có thay đổi.
      - Những người khiếm thị hoặc những người truy cập website bằng DTDĐ hay PDA sẽ không được hiển thị đúng đắn.

      Cuối cùng, tiêu chuẩn web W3C hiện tại là sử dụng CSS và tin tốt lành là hiện nay tất cả các trình duyệt đều hỗ trợ chuẩn này.

      Tại sao CSS tốt hơn?
      Thiết kế layout với CSS có một số thuận lợi đối với việc tối ưu hóa công cụ tìm kiếm (SEO) điển hình là việc có thể đặt nội dung trước các mã lệnh khác bằng thẻ DIV (luôn nhớ rằng việc bố trí những nội dung quan trọng bao gồm từ khóa lên phần đầu của trang web luôn làm gia tăng sự nổi bật của từ khóa).

      CSS giúp giảm bớt kích thước của trang web và khách tham quan (visitor) không cần phải tải về những dữ liệu mang tính chất trình bày khi xem mỗi trang vì chúng đã được lưu trong bộ nhớ tạm (cache) của trình duyệt.

      Những thuận lợi khi dùng CSS
      - Đồng bộ định dạng và dùng chung cho tất cả các trang.
      - Vẫn có thể dùng CSS ngoài mục đích SEO.
      - Website sẽ được tổ chức chặt chẽ và dễ bảo trì.

      Tóm lại, dùng thẻ DIV nói riêng hay CSS nói chung thay thế cho các table lồng nhau sẽ làm giảm đáng kể kích thước trang, tổ chức website được chặt chẽ hơn, dễ bảo trì hơn và gia tăng tính khả dụng. Một điểm không thuận lợi khi sử dụng CSS là chúng ta phải học về nó, tuy nhiên, điều này không quá khó cho các webmaster.

      Cả hai phương pháp, table lồng nhau và CSS đều được quan tâm khi nói về SEO. Nhưng chúng ta đã biết, các robot sẽ quét qua toàn bộ mã trong các trang web mà chúng viếng thăm, tuy nhiên, nếu số lượng mã quá lớn, các robot có thể không tiếp cận trọn vẹn, từ đó, việc bố trí nội dung sao cho các robot có thể tiếp cận là một điều khá quan trọng và điều này chắc chắn việc dùng CSS sẽ làm tốt hơn. Bây giờ chúng ta sẽ xem qua vài bước thực tế về việc sử dụng thẻ DIV so với table để nâng cao sức hấp dẫn cho các công cụ tìm kiếm (SE).

      Tối ưu hóa trang web dựa trên table
      Khi một trang web được tạo ra khi dùng table, thông thông phần nội dung chính sẽ nằm ở ô dưới cùng bên phải của table. Các robot quét 1 trang web theo chiều từ trái sang phải và từ trên xuống dưới sẽ đi qua rất nhiều đoạn mã trước khi tiếp cận được nội dung này. Để tránh điều này, chúng ta phải bố trí nội dung vào những ô đầu tiên nằm ở phần trên của table và cách tốt nhất là đưa nội dung lên trên mã HTML bằng cách dịch chuyển phần menu từ trái sang phải (menu thường được bố trí bên trái). Để các robot có thể đọc nội dung đầu tiên mà vẫn giữ được menu bên trái là tạo ra một ô (cell) rỗng nằm trên menu như hình bên dưới.

      Như hình minh họa bên trên, chúng ta dùng 1 cell rỗng với thuộc tính rowspan, các robots khi quét trang này sẽ duyệt qua cell rỗng ở dòng 1, sau đó chúng sẽ tiếp cận đến nội dung mong muốn của chúng ta trong khi menu vẫn được bố trí theo sự phổ biến bên tay trái bất chấp menu có thể là hình ảnh.

      Lời khuyên: Sử dụng table phân lớp (layer) sẽ tải trang nhanh hơn. Các trình duyệt hiển thị table tuần tự, cung cấp cho visitor những thông tin đầu tiên trong khi vẫn tiếp tục tải trang. Vì thế tôi khuyên bạn nên chia ra thành nhiều table riêng biệt để có thể tải nhanh chóng từng table.

      Tối ưu hóa trang web dựa trên CSS
      Website dùng CSS sẽ dễ dàng kiểm soát các mã HTML và không mất nhiều thời gian để bố trí vị trí nội dung phù hợp khi các robot tham quan.

      Như hình minh họa bên trên, trực quan chúng ta nhận thấy rằng nội dung không phải là phần đầu tiên các robot quét nhưng vì được bố trí trong thẻ DIV nên nó là vị trí tốt nhất. Luôn nhớ nguyên tắc hàng đầu từ khóa nằm gần vị trí đầu trang hoặc đầu câu luôn thuận lợi trong việc gia tăng kết quả xếp hạng.

      Đến đây, nếu bạn vẫn thích dùng table, tôi không cản bạn. Nhưng các website sẽ ít mã hơn, kích cỡ nhỏ hơn và tốc độ tải nhanh hơn nếu dùng XHTML và CSS. Và những điều này luôn phù hợp cho visitor lẫn các SE.

      Những điểm quan trọng của bài viết này:
      - Lạm dụng table có thể dẫn đến việc gia tăng kích cỡ trang trong khi trang web sẽ được đơn giản hóa nếu dùng CSS. Dùng thẻ DIV để bố trí nội dung ở đầu trang để tăng tính nổi bật của từ khóa và các robot dễ dàng tiếp cận.

      - Cấu trúc table thường là một trở ngại ngăn chặn các robot trong quá trình thu thập thông tin vì thế hãy cẩn thận khi sử dụng table trong khi CSS thì không gặp những trở ngại đó. Hãy xem xét việc chuyển sang sử dụng CSS.

      - Nếu bạn đang cố gắng tìm cách cho các robot thu thập nội dung trang web của bạn một cách nhanh nhất, hãy xem lại mã HTML của bạn và đảm bảo rằng đã chuyển nội dung đó đến đầu trang.

      Chúc bạn thàng công.
      (Theo Topweb)



       Xem bài liên quan cùng danh mục:



      Chữ ký của admin
      N: Quốc Anh (alias Quốc) - J: IT & Electric - M: 0906.024.12[ba] - 0909.000.0[một][không] - Y: seoervn - E: seo[alt]quangbaweb[dot]edu[dot]vn

      Không chỉ SEO - là Quảng Web

      ****************Hãy cùng chia sẻ với bạn bè bằng cách****************

      Copy đường link dưới đây gửi đến bạn bè!

      Đặt từ khóa tại đây ? Xem bảng giá quảng cáo tại QBW

    2. The Following 3 Users Say Thank You to admin For This Useful Post:

      money123 (18-01-2013), nkonline (18-01-2013), olalavui (26-07-2012)

    3. #2
      Tham gia ngày
      May 2012
      Bài gởi
      101
      Thanks
      0
      Thanked 8 Times in 7 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      Cái này mình cũng đọc qua trên mấy trang nước ngoài, nhưng không chuyên về code nên cũng không mún hiểu cho lắm mặc dù nó khá hay và lạ.


      Chữ ký của hiennv

    4. #3
      Tham gia ngày
      Jun 2012
      Bài gởi
      173
      Thanks
      70
      Thanked 8 Times in 7 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      cũng khá khó để tối ưu 1 bố cục như vậy vì hiện tại 1 số người chưa thành thạo nhiều về website


      Chữ ký của viplaobao
      Nhạc DJ Nhạc Nonstop Xem Phim Tam Ly Nghe DJ Hay Nhất

    5. #4
      Tham gia ngày
      May 2012
      Bài gởi
      105
      Thanks
      24
      Thanked 10 Times in 9 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      phải đi học thật nhiều về bố cục để có 1 tầm nhìn mới, không đơn giản à nghen


      Chữ ký của ngocthuan1989
      DÀNH CHO TRAI TƠ >>> Làm Thế Nào để chọn được chiếc mắt kính hàng hiệu khiến các nàng phải Dòm Ngó Bạn Chầm Chầm Như Sư Tử Đang Đói Khát ?

      MOZ User

      WOW...Good Best Wireless Speakers For Men

    6. #5
      Tham gia ngày
      Feb 2012
      Bài gởi
      160
      Thanks
      4
      Thanked 10 Times in 9 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      Hơi khó, nhưng cấu trúc từ khóa giờ theo thứ tự
      1. Domain key
      2. Title
      3. Phần đầu, giữa, cuối
      4. Từ khóa file hình ảnh
      Từ khóa từ trái qua phải, tốt hơn


      Chữ ký của lovelinuxp
      trung tam gia su -trung tam gia su tphcm - luyen thi dai hoc

      ncomputing
      ,atrust
      Giải pháp ảo hóa toàn vẹn cho doanh nghiệp

    7. #6
      Tham gia ngày
      Jun 2012
      Bài gởi
      381
      Thanks
      22
      Thanked 13 Times in 13 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      hiện nay hầu hết website đều sử dụng css chứ ko còn sử dụng table như trước nữa


      Chữ ký của nguyenthao_0611
      Võ Nguyễn Recovery chuyên cứu dữ liệu, cứu dữ liệu máy chủ tại TP. HCM, cứu dữ liệu server

    8. #7
      Tham gia ngày
      Jul 2012
      Bài gởi
      6
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      thanks! nhưng mình thấy giờ muốn làm web lợi cho SEO thì cứ template của wordpress mà làm, ko cần bit nhiều về code vẫn làm được.

    9. #8
      Tham gia ngày
      Jul 2012
      Bài gởi
      46
      Thanks
      0
      Thanked 4 Times in 3 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      lại có cả chiêu này sao
      để mình áp dụng xem sao


      Chữ ký của ngoctu

    10. #9
      Tham gia ngày
      Apr 2012
      Bài gởi
      92
      Thanks
      33
      Thanked 21 Times in 11 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      nếu một người viết template mà ko biết gì đến seo thì họ cũng thích sử dụng div hơn là table rồi.


      Chữ ký của vanlanh52

    11. #10
      Tham gia ngày
      Dec 2012
      Bài gởi
      93
      Thanks
      35
      Thanked 4 Times in 4 Posts

      Ðề: Tối ưu hóa bố cục của trong trang web

      Trích Nguyên văn bởi vanlanh52 Xem bài viết
      nếu một người viết template mà ko biết gì đến seo thì họ cũng thích sử dụng div hơn là table rồi.
      Bác có thể nói rõ cho mọi người hiểu được k? em vẫn mơ hồ quá.


      Chữ ký của monkey92



    + Trả Lời Ðề Tài
    Trang 1/2 1 2 cuốicuối

    Chủ đề giống nhau

    1. Trả lời: 33
      Bài mới gởi: 06-03-2013, 01:37 PM

    Quuyền Hạn Của Bạn

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts

    Có thể bạn cần: 
    Hội công nghệDMCA.comQuangBaWeb.edu.vn là diễn đàn mở miễn phí dành cho các thành viên.
    Chúng tôi không chịu trách nhiệm trên thông tin người dùng đăng tải trên diễn đàn. Các trường hợp vi phạm, chúng tôi sẽ tiến hành xử lý xóa bỏ ngay lập tức. Nếu bạn nhận thấy bài viết vi phạm, xin vui lòng gởi thông báo cho chúng tôi, xin cám ơn.

    DÀNH CHO QUẢNG CÁO
    9.3su10với5076