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

Viết HTML trong thiết kế web seo chuyên nghiệp nên dùng div hay table

Thảo luận trong 'Onpage Seo - Tối ưu các yếu tố trên trang web' bắt đầu bởi ketnoi24gio, 16/4/12.

Lượt xem: 2,492
  1. ketnoi24gio

    ketnoi24gio Top 9

    Gia nhập:
    10/5/11
    Bài viết:
    54
    Đã được thích:
    15
    Học thiết kế web HTML là một đề tài rất bao la bởi tính linh hoạt và phong phú của mã tag. Hiện nay, đề tài gây tranh cãi khá nhiều của các “ông” thiết kế web là việc sử dụng tag<div> và tag <table>.

    Trong thiết kế web seo chuyên nghiệp ta nên sử dụng tag nào ? Bài viết này phần nào đó giúp các bạn có thể định hướng được các trường hợp nào nên sử dụng các <tag> trên.

    Trước hết, mình cùng bàn luận với nhau về tính năng của 2 tag trên:
    Cả 2 tag đều có tác dụng là bao một hay nhiều khối, nhưng cách sắp sếp các khối ấy khác nhau:

    • <table>: sắp xếp khá dễ dàng và ít lỗi vì bản thân <table> là tạo bảng, nhưng cũng khá bất tiện với những cấu trúc khác thường ví dụ như hình sau:
    [​IMG]

    Cần sử dụng khá nhiều tag HTML :
    <table width=“200px” border=“0″>
    <tr>
    <td>
    Seo</td>
    <td>
    &nbsp;</td>
    <td>
    24H</td>
    </tr>
    <tr>
    <td>
    &nbsp;</td>
    <td>
    Web</td>
    <td>
    &nbsp;</td>
    </tr>
    <tr>
    <td>
    Top</td>
    <td>
    &nbsp;</td>
    <td>
    Tốt</td>
    </tr>
    </table>

    • <div> : Sắp xếp hơi phức tạp hơn, dễ bị lỗi nếu không cố định bằng kích thước nhưng trái lại thì khá linh động trong cách trình bày. Ví dụ như trường hợp :
    <div id=“ngoai”><div id=“trong”></div></div>
    <div id=”trong”> có kích thước ngang hoặc rộng to hơn <div id=”ngoai”> vẫn được, đây là điều <table> không làm được dù cố định kích thước nhưng nếu <tr> (hoặc <td>) ở trong lớn hơn <table> ngoài thì tự động thẻ ngoài sẽ giãn ra.
    Đọc qua có lẽ các bạn thấy điều này đâu có ảnh hưởng gì đến SEO, thật sự có đấy, hiện nay các website ra đời đều nhắm đến việc SEO sau khi thiết kế, nên thường thiết kế đơn giản dễ hiểu và dễ tối ưu. Vì vậy, viết HTML có xu hướng làm sao cho WEB càng ít code càng tốt, tùy vào cấu trúc website mà các bạn chọn 1 trong 2 thẻ trên nhé.

    Số lượng code:
    Bạn sẽ phải thừa nhận về điều này, tag <div> cấu trúc nhỏ hay lớn chỉ khác nhau thuộc tính “width – height”, còn <table> thì càng lớn sẽ càng tốn rất nhiều code, phải định dạng từng <tr>, <td> nếu từng ô khác nhau.

    Vậy, ở trường hợp cấu trúc lớn như tổng trang web, tổng cột bên phải web, … thì ta nên dùng <div> vì cấu trúc sẽ nhẹ nhàng hơn. Nhưng những cấu trúc nhỏ, gọn như khung thông tin gồm tên, giá sản phẩm, khuyến mãi thì ta nên dùng <table>.
    Kết hợp cả 2 như vậy, tốc độ load nhanh sẽ được người dùng ưu ái hơn, spider google cũng thích hơn, đó là điều SEO chuyên nghiệp cần lưu ý.

    Tốc độ load:
    Đây là vấn đề được tranh cãi rất nhiều, có người cho rằng <div> được load nhanh hơn, vì sau khi load lần thứ nhất thì trình duyệt lưu CSS vào cache. Có người cho rằng sử dụng 2 thẻ này có tốc độ load như nhau, nhưng vì <table> khi load hết bảng mới hiện ra, còn<div> thì load từng phần nên bị lầm tưởng <div> load nhanh hơn… và rất nhiều lý do khác. Nhưng lý do thật sự <div> load nhanh hơn <table> đấy các bạn, vì mô hình DOM duyệt <table> khá chậm và các trình duyệt phổ biến hiện nay có xu hướng chuộng <div> hơn.


    Page Speed nhanh là một lợi thế SEO của trang web, vì vậy trong thiết kế web chuyên nghiệp người ta chọn <div> nhiều hơn.

    Phù hợp với CSS:
    Vấn đề này thì không cần giải thích vì <div> mang một lợi thế mạnh hơn hẳn so với <table>. <div> và css như hai cái chân của một người vậy, thiếu 1 cái thì di chuyển không biết sao đây, hoặc nếu thay thế 1 chân bằng cây gậy, dù đi được nhưng không thể chạy được.

    Trên đây là những so sánh cơ bản về <div> và <table> có ảnh hướng đến SEO chuyên nghiệp, nhưng việc lựa chọn còn tùy thuộc vào nhiều yếu tố khác nữa, đặc biệt là yếu tố thói quen của người dùng.

    Các bạn hãy cùng chia sẻ ý kiến riêng của mình để cùng giúp nhau thăng tiến về HTML trong SEO WEB chuyên nghiệp.


    Khi bạn copy bài viết, xin để nguồn Seoweb24h.com

    trungbatigol thích bài này.
  2. huongviet

    huongviet Top 9

    Gia nhập:
    4/3/11
    Bài viết:
    262
    Đã được thích:
    18
    Web:
    Nếu thiết kế quen sẽ thấy div dễ thiết kế hơn, nhưng đã quen dùng table rồi thì sẽ lười dùng div
  3. hpc4th1

    hpc4th1 Top 9

    Gia nhập:
    22/9/11
    Bài viết:
    129
    Đã được thích:
    21
    Web:
    dùng div tối ưu hơn.nhẹ hơn...mấy công ty phỏng vấn cũng hay hỏi bạn layout theo kiểu div hay table
  4. pr0xe0

    pr0xe0 Top 9

    Gia nhập:
    22/2/12
    Bài viết:
    212
    Đã được thích:
    15
    Web:
    Theo mình thì bạn nên tối ưu bằng thẻ <div> , thẻ này có tốc độ load nhanh hơn table
  5. vq_duy

    vq_duy Top 7

    Gia nhập:
    29/9/10
    Bài viết:
    1,172
    Đã được thích:
    80
    Web:
    Không biết thế nào , nhưng mà thấy các template của Joomlart đều thiết kế dạng div, ko dùng table
    Hầu hết table chỉ thấy mấy bác aspx vn hay dùng thui .
    MÌnh chưa có test cụ thể nào , nhưng thấy các cty thiết kế lớn đều dùng div thì mình cũng dùng
  6. ketnoi24gio

    ketnoi24gio Top 9

    Gia nhập:
    10/5/11
    Bài viết:
    54
    Đã được thích:
    15
    Người dùng Div quen khi chuyển sang Html5 sẽ dễ dàng hơn người dùng quen table
  7. meomeo007

    meomeo007 Top 9

    Gia nhập:
    30/3/11
    Bài viết:
    104
    Đã được thích:
    5
    Mình thấy dùng div vẫn thuận tiện cho code và cả seo.
  8. cuongt2k5

    cuongt2k5 Top 10

    Gia nhập:
    1/3/11
    Bài viết:
    25
    Đã được thích:
    1
    Nơi ở:
    www.ledtvdealsonline.net
    Web:
    Theo mình thì div và css vẫn là tốt nhất, table có vẻ quá phức tạp và rối rắm!
  9. ketnoi24gio

    ketnoi24gio Top 9

    Gia nhập:
    10/5/11
    Bài viết:
    54
    Đã được thích:
    15
    Ko đâu bạn, Table dễ sử dụng hơn Div nhưng đoạn code viết bằng table thường dài hơn div
  10. vq_duy

    vq_duy Top 7

    Gia nhập:
    29/9/10
    Bài viết:
    1,172
    Đã được thích:
    80
    Web:
    table mà khi lỗi, thì mờ mắt tìm đoạn sai , hic, Ngày xưa code aspx em từng bị dính bầu với table rồi
  11. muaban360.org

    muaban360.org Top 9

    Gia nhập:
    20/10/11
    Bài viết:
    33
    Đã được thích:
    0
    Div vẫn là lựa chọn số 1.
  12. James Le

    James Le Seo Newbie

    Gia nhập:
    7/5/12
    Bài viết:
    1
    Đã được thích:
    0
    Vấn đề này trên thế giới cũng bàn nhiều lắm rùi.
    DIV lợi hơn hoàn toàn. Khi nào bảng thì dùng Table thoai.
  13. smttvn

    smttvn Top 9

    Gia nhập:
    5/10/11
    Bài viết:
    47
    Đã được thích:
    4
    Nơi ở:
    http://ketqua.org
    Web:
    theo mình thì cũng nên sử dụng div hơn. Bản thân trang sẽ load nhanh và không bị lag khi quá tải.

    Bản thân site mình về xổ số cần rất nhiều bảng để phù hợp các chức năng nhưng mình cũng toàn dùng div. Tốc độ load cực nhanh và ít lag.

    (Một vài ý kiến )

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...