Công cụ tổng hợp / 33

Trình tạo thẻ meta SEO Shopify và bản xem trước SERP

Tạo thẻ tiêu đề và mô tả meta Shopify được tối ưu cho tìm kiếm, kèm bản xem trước SERP theo chiều rộng pixel, Liquid có thể tái sử dụng và HTML tĩnh.

Trình tạo thẻ meta SEO Shopify và bản xem trước SERP: TOEA ước tính chiều rộng của tiêu đề và mô tả (giới hạn trên máy tính để bàn lần lượt khoảng 600px và ~960px), sau đó tạo một đoạn mã Liquid theo loại trang, đọc các đối tượng Shopify tại thời điểm kết xuất. Bảng HTML tĩnh là bản xem trước các giá trị bạn nhập ở đây, không phải giải pháp thay thế trên toàn bộ giao diện. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.

Danh mục
Công cụ web
Lượt chạy
Trong trình duyệt của bạn
Chi phí
Miễn phí · không cần đăng ký
Trạng thái khả dụng
Sẵn sàng sử dụng

Chi tiết trang và meta Shopify

Chỉ dùng cho bản xem trước sản phẩm tĩnh.

Bản xem trước thẻ SERP Google trực tiếp

https://apexcoffeeroasters.myshopify.com› products ›h-t-espresso-h-u-c-th-c-ng

Hạt espresso hữu cơ thủ công | Apex Coffee Roasters

US$24.99 • Khám phá hạt espresso hữu cơ rang tại địa phương theo mẻ nhỏ, với hương vị sô-cô-la đen đậm đà và hạt phỉ. Đặt cà phê mới rang trực tuyến ngay hôm nay!

Độ rộng tiêu đề theo pixel386px / 600px
51 ký tự ✓ Trong giới hạn tiêu đề
Độ rộng mô tả meta879px / 960px
151 ký tự ✓ Độ dài đoạn trích tối ưu
Đoạn mã meta Shopify Liquid
Đầu ra bản xem trước HTML tĩnh

Shopify đã ghi các thẻ này ở đâu

Hầu hết giao diện, bao gồm Dawn và nhiều giao diện được xây dựng từ giao diện này, đã xuất tiêu đề, mô tả meta và thẻ Open Graph từ layout/theme.liquid cùng một snippet như meta-tags.liquid. Việc thêm snippet này sẽ tạo ra hai tiêu đề và hai mô tả. Hãy vô hiệu hóa hoặc xóa các thẻ riêng của giao diện cho những loại trang mà snippet này bao phủ, sau đó xem mã nguồn trang để xác nhận chỉ còn một thẻ cho mỗi loại.

Tiêu đề và mô tả từ trang quản trị

Trang quản trị Shopify có một phần danh sách trên công cụ tìm kiếm cho mỗi sản phẩm, bộ sưu tập và trang; Liquid cung cấp các giá trị đó dưới dạng page_title và page_description. Snippet đọc các giá trị này trước, vì vậy danh sách được viết thủ công trong trang quản trị là nội dung công cụ tìm kiếm nhìn thấy, còn danh sách để trống sẽ dùng tiêu đề và mô tả riêng của mục đó. Khi cần thay đổi danh sách sau này, bạn chỉ phải chỉnh sửa trong trang quản trị, không cần sửa giao diện. Bộ đếm trong trang quản trị cho phép 70 ký tự cho tiêu đề và 320 ký tự cho mô tả, nhiều hơn số ký tự hiển thị trên trang kết quả, vì vậy hãy viết danh sách dựa trên các thước đo pixel ở đây.

Mô tả sản phẩm có thể dài hơn nhiều so với snippet và công cụ tìm kiếm sẽ tự cắt ngắn. Khi đã đưa lên mạng, hãy kiểm tra kết quả bằng công cụ kiểm tra thẻ meta.

Cách sử dụng

  1. Chọn Sản phẩm, Bộ sưu tập hoặc Trang, rồi nhập tiêu đề, tên cửa hàng, mô tả và từ khóa trọng tâm.
  2. Xem bản xem trước URL theo từng loại trang, giá sản phẩm theo đơn vị tiền tệ và các đồng hồ đo cắt ngắn theo chiều rộng pixel.
  3. Lưu Liquid có thể tái sử dụng dưới dạng đoạn mã của giao diện và kết xuất đoạn mã đó từ layout/theme.liquid, hoặc sao chép đầu ra HTML tĩnh riêng để kiểm thử.

Quyền riêng tư và giới hạn

Thông tin cửa hàng và sản phẩm của bạn hoàn toàn được giữ trong trình duyệt.

Công cụ liên quan

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

Tại sao nên đo tiêu đề theo chiều rộng pixel thay vì số ký tự?

Google cắt ngắn tiêu đề SERP dựa trên chiều rộng pixel của vùng chứa (~600px), thay vì số ký tự chính xác. Các ký tự rộng ('W', 'M') chiếm nhiều không gian hơn các ký tự hẹp ('i', 'l').

Tôi dán đoạn mã Liquid ở đâu?

Lưu đoạn mã đó dưới dạng một snippet, chẳng hạn như snippets/toea-meta-tags.liquid, rồi kết xuất snippet bên trong <head> của layout/theme.liquid. Đoạn mã đọc các đối tượng sản phẩm, bộ sưu tập, trang, cửa hàng và tiền tệ trong thời gian chạy, vì vậy các giá trị xem trước không được ghi cứng. Hãy thay thế siêu dữ liệu trùng lặp của giao diện thay vì thêm thẻ tiêu đề hoặc mô tả thứ hai.

Tôi có thể dán đầu ra HTML tĩnh vào theme.liquid không?

Chỉ sử dụng bảng HTML tĩnh để xem trước hoặc kiểm thử có kiểm soát. Bảng này chứa các giá trị bạn đã nhập vào công cụ; hãy sử dụng đầu ra Liquid có thể tái sử dụng cho giao diện đang hoạt động để mỗi trang nhận được dữ liệu Shopify riêng.

Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản