Cấu trúc website: Cách tổ chức trang, URL và liên kết (5 ví dụ sơ đồ site)

Cách tổ chức website: phân cấp trang, cấu trúc URL, liên kết nội bộ và site phẳng so với site sâu, kèm năm sơ đồ site map cho thợ lợp mái, nhà hàng, phòng khám, công ty luật và cửa hàng trực tuyến, mỗi sơ đồ được phát triển từ thiết kế mẫu của We.Inc.

Cấu trúc website là cách các trang được tổ chức và liên kết với nhau: trang nào nằm dưới trang nào, địa chỉ (URL) trông như thế nào, và cách khách truy cập cũng như công cụ tìm kiếm di chuyển giữa chúng. Cấu trúc tốt có nghĩa là bất kỳ ai cũng có thể đến bất kỳ trang nào trong hai hoặc ba lần nhấp và mỗi trang có một mục đích rõ ràng. Dưới đây là các quy tắc, sau đó là năm ví dụ sơ đồ site, mỗi sơ đồ được phát triển từ các phần của thiết kế mẫu We.Inc (không phải site của khách hàng).

Bốn thành phần của cấu trúc site

Thành phầnÝ nghĩaQuy tắc tham khảo
Phân cấpTrang nào ở cấp cao nhất và trang nào nằm bên dưới chúng.Năm đến bảy trang cấp cao nhất trong menu chính.
Cấu trúc URLĐịa chỉ của mỗi trang.Ngắn gọn, chữ thường, dấu gạch nối, phản ánh phân cấp: /services/roof-repair.
Liên kết nội bộLiên kết từ trang này của bạn sang trang khác.Mỗi trang liên kết lên trang cha và sang các trang liên quan. Không trang nào bị để lại mà không có liên kết trỏ đến.
Độ sâuSố lần nhấp từ trang chủ đến một trang.Các trang quan trọng trong vòng ba lần nhấp.

Cấu trúc phẳng so với cấu trúc sâu

Site phẳng giữ hầu hết các trang chỉ một lần nhấp từ trang chủ. Site sâu lồng các trang theo nhiều cấp (trang chủ, danh mục, danh mục con, mục).

Từ một trang đến sơ đồ site

Mỗi mẫu bên dưới được giao hàng dưới dạng một trang dài duy nhất có các liên kết menu nhảy đến các phần. Đó là điểm khởi đầu tốt. Khi một phần phát triển (thêm dịch vụ, thêm mục menu, thêm luật sư) hoặc bạn muốn nó xếp hạng cho tìm kiếm riêng của mình, hãy thăng cấp nó lên trang riêng. Sơ đồ cho thấy phiên bản đã được thăng cấp đó. Các mục trong [ngoặc] là chỗ giữ chỗ.

1. Thợ lợp mái

Được phát triển từ các phần của mẫu Ironpeak Roofing: dịch vụ, vật liệu, yêu cầu bồi thường bão, đánh giá, kiểm tra miễn phí.

  • Trang chủ /
    • Dịch vụ /services
      • Thay mái /services/roof-replacement
      • Sửa mái /services/roof-repair
      • Máng xối /services/gutters
    • Bồi thường bão /storm-damage
    • Vật liệu /materials
    • Đánh giá /reviews
    • Khu vực phục vụ /areas
      • [Thị trấn A] /areas/town-a
      • [Thị trấn B] /areas/town-b
    • Kiểm tra miễn phí /free-inspection

Tại sao có hình dạng này: mỗi dịch vụ có trang riêng để có thể khớp với tìm kiếm riêng của nó ("sửa mái [thị trấn]"). Các trang khu vực dịch vụ chỉ có ý nghĩa khi có thông tin địa phương thực sự (công việc đã thực hiện ở đó, thời gian di chuyển); các bản sao chỉ thay đổi tên thị trấn là nội dung mỏng. Trang kiểm tra miễn phí được liên kết từ header của mọi trang. Xem thêm tại SEO lợp mái.

2. Nhà hàng

Được phát triển từ mẫu Azafran: không gian, thực đơn, đặt bàn, ghé thăm.

  • Trang chủ /
    • Thực đơn /menu
      • Bữa tối /menu/dinner
      • Đồ uống /menu/drinks
    • Không gian /about
    • Phòng ăn riêng /private-dining
    • Đặt bàn /reservations
    • Ghé thăm /visit

Tại sao có hình dạng này: phẳng. Khách muốn thực đơn, giờ mở cửa và đặt bàn, thường trên điện thoại. Đặt thực đơn ở dạng văn bản HTML thay vì chỉ PDF để có thể đọc được và tìm thấy được. Xem SEO cho nhà hàng và cách xây dựng website nhà hàng.

3. Phòng khám y tế hoặc nha khoa

Được phát triển từ mẫu Verdant Family Health: dịch vụ, gặp gỡ đội ngũ, ghé thăm, đặt lịch.

  • Trang chủ /
    • Dịch vụ của chúng tôi /services
      • Kiểm tra sức khỏe /services/check-ups
      • Bệnh mãn tính /services/chronic-conditions
      • Trẻ em /services/children
    • Gặp gỡ đội ngũ /team
      • [Tên bác sĩ] /team/doctor-name
    • Bệnh nhân mới /new-patients
    • Ghé thăm chúng tôi /visit
    • Đặt lịch hẹn /book

Tại sao có hình dạng này: trang "Bệnh nhân mới" riêng biệt trả lời các câu hỏi của người lần đầu đến (biểu mẫu, bảo hiểm, cần mang theo gì) mà không làm rộn trang chủ. Mỗi trang bác sĩ liên kết đến các dịch vụ họ cung cấp, và mỗi trang dịch vụ liên kết lại cho biết ai cung cấp nó. Xem SEO cho nha sĩ.

4. Công ty luật

Được phát triển từ mẫu Sterling & Vance LLP: lĩnh vực hành nghề, luật sư, kết quả, liên hệ.

  • Trang chủ /
    • Lĩnh vực hành nghề /practice-areas
      • Tranh tụng thương mại /practice-areas/commercial-litigation
      • Lao động việc làm /practice-areas/employment
      • Bất động sản /practice-areas/real-estate
    • Luật sư /attorneys
      • [Tên đối tác] /attorneys/partner-name
    • Kết quả /results
    • Bài viết /blog
      • [Bài viết] /blog/article-slug
    • Liên hệ /contact

Tại sao có hình dạng này: một trong những ví dụ sâu hơn. Mọi người tìm kiếm theo vấn đề pháp lý, vì vậy mỗi lĩnh vực hành nghề là một trang riêng, và mỗi hồ sơ luật sư liên kết đến các lĩnh vực của họ. Phần bài viết (blog) là tùy chọn; chỉ thêm nếu bạn sẽ xuất bản thường xuyên. Xem SEO cho luật sư.

5. Cửa hàng trực tuyến

Được phát triển từ mẫu Cellar & Rowan: cửa hàng, nghề thủ công, vật liệu, nhà phân phối, giỏ hàng.

  • Trang chủ /
    • Cửa hàng /shop
      • Nến /shop/candles
        • [Sản phẩm] /shop/candles/product-name
      • Đồ gốm đá /shop/stoneware
      • Thực phẩm /shop/pantry
    • Nghề thủ công của chúng tôi /about
    • Nhà phân phối /stockists
    • Tạp chí /blog
    • Vận chuyển & đổi trả /shipping-returns
    • Giỏ hàng /cart

Tại sao có hình dạng này: sâu nhất trong năm ví dụ: trang chủ, danh mục, sản phẩm. Trang danh mục là nơi cả duyệt web và tìm kiếm đều diễn ra. Giữ mỗi sản phẩm ở một URL ngay cả khi nó xuất hiện trong hai danh mục, và liên kết các trang chính sách từ footer và thanh toán. Xem cách bắt đầu cửa hàng trực tuyến.

Quy tắc URL

Danh sách kiểm tra liên kết nội bộ

  1. Menu chính: chỉ các trang cấp cao nhất.
  2. Footer: thông tin liên hệ, chính sách và các trang phụ.
  3. Trong nội dung: liên kết dịch vụ đến các dịch vụ liên quan, và đến trang nơi người dùng hành động (đặt lịch, báo giá, mua).
  4. Văn bản liên kết mô tả rõ ràng ("giá sửa mái") thay vì "nhấp vào đây".
  5. Breadcrumb trên các site sâu hơn (Trang chủ > Cửa hàng > Nến).
  6. Sitemap XML liệt kê tất cả các trang công khai (tạo bằng công cụ tạo sitemap XML và kiểm tra bằng công cụ kiểm tra sitemap).

Lên kế hoạch trong 15 phút

  1. Viết mọi trang bạn cần lên một mảnh giấy nhớ hoặc một dòng.
  2. Nhóm chúng theo năm đến bảy tiêu đề cấp cao nhất.
  3. Viết URL bên cạnh mỗi trang.
  4. Vẽ mũi tên cho mọi liên kết từ trang này sang trang khác; bất kỳ trang nào không có mũi tên nào trỏ vào cần có một liên kết.
  5. Kiểm tra không có trang quan trọng nào quá ba lần nhấp từ trang chủ.

Sau đó chọn bố cục trang cho từng loại trang từ ví dụ bố cục website, và kiểm tra menu theo ví dụ điều hướng.

Xây dựng trên We.Inc

Bắt đầu từ một mẫu gần nhất với doanh nghiệp của bạn. Gói miễn phí cho phép tối đa 3 site mẫu trên địa chỉ we.inc (không có AI credits, không có tên miền riêng). Trên Starter ($20/tháng) bạn có thể yêu cầu AI builder thêm trang, chẳng hạn như "thêm một trang cho mỗi dịch vụ với địa chỉ riêng", và kết nối tên miền của bạn; Pro là $50 và Max là $99 mỗi tháng (bảng giá). Hướng dẫn thiết kế website thân thiện SEO đề cập đến mặt nội dung trang.

Câu hỏi thường gặp

Cấu trúc website là gì?

Cách các trang của site được tổ chức và liên kết: phân cấp trang, URL của mỗi trang và các liên kết nội bộ giữa chúng.

Cấu trúc tốt nhất cho website doanh nghiệp nhỏ là gì?

Thường là phẳng: trang chủ, năm đến bảy trang cấp cao nhất, và các trang riêng cho từng dịch vụ chính, tất cả trong vòng hai hoặc ba lần nhấp.

Cấu trúc phẳng hay sâu: cái nào tốt hơn?

Phẳng cho site nhỏ; sâu hơn một chút (trang chủ, danh mục, mục) cho cửa hàng, danh sách hoặc công ty với nhiều dịch vụ. Giữ các trang quan trọng trong ba lần nhấp.

URL nên được cấu trúc như thế nào?

Các từ ngắn, chữ thường được phân tách bằng dấu gạch nối phản ánh phân cấp, chẳng hạn như /services/roof-repair. Không thay đổi URL đã nhận được lượt truy cập mà không có chuyển hướng 301.

Cấu trúc site có ảnh hưởng đến SEO không?

Có. Phân cấp rõ ràng và liên kết nội bộ giúp công cụ tìm kiếm tìm và hiểu mọi trang, đồng thời cho phép mỗi trang nhắm đến tìm kiếm riêng của nó.

Đây có phải là sơ đồ site của doanh nghiệp thực không?

Không. Chúng được phát triển từ các phần của thiết kế mẫu We.Inc, như những ví dụ về cấu trúc.

Bắt đầu miễn phí · Không cần thẻ tín dụng

Product

Who It's For

Features

Resources

Company

View Sitemap