Xây dựng trang tìm kiếm tùy chỉnh giống Google bằng Search Console

Tìm kiếm tủy chỉnh là 1 chức năng trong Search Console cho phép bạn có thể bê nguyên bộ máy tìm kiếm Google lên website của bạn.

Tại sao nên sử dụng tìm kiếm tùy chỉnh trong Search Console ?

Khi bạn tìm kiếm trên Google, kết quả  trả về sẽ chứa địa chỉ của nhiều trang web khác nhau. Nhưng với tìm kiếm tùy chỉnh thì không, tất cả kết quả sẽ đều trỏ về 01 website duy nhất do bạn thiết lập, ở bài viết này mình sẽ sử dụng 123itvn làm luôn demo cho dễ hình dùng :)

Ưu điểm
– Tăng lượng truy cập và thời gian truy cập với website, điều này rất tốt cho SEO.
– Giao diện thân thiện, dễ sử dụng.
– Kết quả tìm kiếm chính xác 100%.

Yêu cầu : bạn phải có tài khoản Search Console

Lấy code


– Đăng nhập Search Console.
– Tại menu trái, chọn Tài nguyên khác ⇒ Tìm kiếm tùy chỉnh.
– Cấu hình

  • Trang web để tìm kiếm : copy – paste URL website của bạn vào đây, có thể sử dụng 1 hay nhiều trang nhé.
  • Ngôn ngữ : Tiếng Việt
  • Nhập tên công cụ tìm kiếm

Ấn nút Tạo để hoàn tất.

Tạo tìm kiếm tùy chỉnh trong Search Console

– Nhấn nút Nhận mã sau đó copy đoạn code mà Search Console cung cấp.

Lấy mã của tìm kiếm tùy chỉnh

Xây dựng trang tìm kiếm tùy chỉnh

– Truy cập vào nơi quản lý website.
– Tạo 1 trang mới, sau đó paste đoạn mã phía trên vào phần code. Đây sẽ là trang tìm kiếm tùy chỉnh trên website của bạn.
– Ở thẻ form, tại thuộc tính action hãy thay cụm từ trang bằng URL trang tìm kiếm của bạn

  <form action=’trang‘ id=’search’ method=’get’>

Cấu hình trang tìm kiếm tùy chỉnh

Truy cập : https://cse.google.com/cse/all

Search Console cho phép bạn có thể thay đổi 1 số chức năng trong trang tìm kiếm để chúng thân thiện hơn với người dùng. Mò hết chỗ này cũng mất nhiều thời gian đấy, cho nên mình sẽ liệt kê trước những cái quan trọng, sau này update thêm :D

– Tab thiết lập : cho phép tìm kiếm bằng hình ảnh.

Tab “thiết lập” trong tìm kiếm tùy chỉnh

– Tab Giao diện : Search Console hiện đang cung cấp 7 giao diện tìm kiếm, với 123itvn thì mình sử dụng giao diện Chiều rộng đầy đủ.

Giao diện tìm kiếm trên 123itvn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *