ChatGPT
Copilot1. Thêm code vào thẻ head là gì?
Thêm code vào giữa thẻ head trong header.php của Website WordPress đơn giản chỉ là chúng ta khai báo thêm một hoặc nhiều thẻ vào trước thẻ đóng </head>. Code ở đây có thể là thẻ html, css, font hoặc các đoạn mã nhúng javascript, jQuery….
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
<!-- Chèn code vào đây -->
</head>0Ví dụ một đoạn mã code head html
2. Cách chèn code, meta tag, script vào thẻ head trong WordPress mới nhất
Có nhiều cách để chèn code vào giữa thẻ <head> vào theme WordPress. Tôi sẽ hướng dẫn các bạn những cách sau đây thật chi tiết. Tùy vào trường hợp cụ thể bạn có thể lựa chọn 1 trong các cách sau:
2.1 Dùng Plugin Insert Headers and Footers
Trước tiên bạn cần phải cài plugin này vào https://vi.wordpress.org/plugins/insert-headers-and-footers/
WPCode – Insert Headers and Footers
Bạn có thể tham khảo thêm 1 số plugin cho phép nhúng code vào Header và Footer sau:
- Elementor Header & Footer Builder
- Elements kit Elementor addons (Header & Footer Builder, Mega Menu Builder, Layout Library)
- Header Footer Code Manager
- Woody code snippets – Insert Header Footer Code, AdSense Ads
- Header Footer for Beaver Builder
- Head, Footer and Post Injections
2.2 Sửa giao diện
Để chèn được kiểu này, quyền quản trị Website bạn phải được phép chỉnh sửa giao diện WordPress. Một số trường hợp tài khoản quản trị không được phép sử dụng quyền này. Hãy liên hệ đơn vị thiết kế website để mở quyền truy cập này.
Bước này bạn chọn đúng giao diện (theme) WordPress đang dùng nhé.
Tìm file template header.php
2.3 Sửa file header.php
Để sửa được file template header.php trước tiên bạn phải có thông tin tài khoản quản trị Hosting Website. Hầu hết các công ty thiết kế website đều giao tài khoản quản trị này cho bạn sau khi Website hoàn thành. Bạn hãy lưu lại để có lúc sẽ dùng đến.
Đăng nhập vào quản trị: (Bài viết hướng dẫn trên Hosting DirectAdmin)
Đối với các loại Hosting Cpanel bạn có thể chỉnh sửa như sau:
Sửa header.php trong hosting Cpanel
2.4 Thêm bằng plugin Elementor
Trường hợp thiết kế Website kéo thả bằng Plugin Elementor, bạn có thể chèn mã vào thẻ head thông bằng plugin này như sau:
2.5 Thêm bằng code WordPress
Bạn cũng có thể thêm các thẻ meta vào giữa thẻ head thông qua action wp_head mà WordPress đã cung cấp trong file functions.php như sau:
add_action('wp_head', 'website366_add_meta');
function website366_add_meta(){
?>
<meta name="google-site-verification" content="9WZMYhXYZMKL7RUw0abrQ1o79WTb-_sfGsgdfgsfsdfsfs" />
<?php
}
2.6 Thêm bằng theme Flatsome
Còn nếu bạn đang sử dụng theme Flatsome để thiết kế website, bạn có thể thêm các đoạn mã vào thẻ head như sau:
3. Khi nào cần thêm thẻ meta, JavaScript vào thẻ <head>?
Trong quá trình vận hành website WordPress, có nhiều trường hợp bạn cần chèn các đoạn mã vào thẻ <head> để phục vụ cho việc đo lường, SEO, tối ưu hiệu suất và tích hợp các công cụ bên thứ ba.
Một số trường hợp phổ biến bao gồm:
- Cài đặt Google Analytics để theo dõi lượt truy cập
- Khai báo website với Google Search Console
- Nhúng mã quảng cáo Google Shopping (sản phẩm)
- Cài đặt Facebook Pixel để đo lường hành vi người dùng
Ngoài ra, bạn cũng sẽ cần sử dụng thẻ <head> trong các trường hợp sau:
1. Xác minh website với các nền tảng khác
Không chỉ Google, nhiều nền tảng yêu cầu bạn chèn thẻ meta để xác minh quyền sở hữu website như:
- Bing Webmaster
- TikTok Ads
2. Cài đặt các công cụ tracking nâng cao
Để quản lý và đo lường hiệu quả hơn, bạn có thể cần:
- Google Tag Manager (quản lý toàn bộ mã tracking)
- TikTok Pixel
- LinkedIn Insight Tag
Những công cụ này giúp bạn hiểu rõ hành vi người dùng và tối ưu chiến dịch marketing.
3. Thêm thẻ meta phục vụ SEO & chia sẻ
Thẻ <head> là nơi chứa các thông tin quan trọng giúp website hiển thị tốt hơn trên Google và mạng xã hội:
- Meta description (mô tả trang)
- Open Graph (hiển thị khi chia sẻ Facebook)
- Twitter Card
4. Tối ưu tốc độ và hiệu suất website
Một số đoạn mã trong <head> giúp cải thiện tốc độ tải trang:
- Preload font, CSS
- DNS Prefetch / Preconnect
- Tối ưu thứ tự tải JavaScript
Đây là yếu tố quan trọng ảnh hưởng trực tiếp đến trải nghiệm người dùng và SEO.
5. Nhúng các công cụ hỗ trợ bên thứ ba
Bạn có thể cần thêm các đoạn script như:
- Chat trực tuyến (Zalo, Messenger, Tawk.to…)
- Công cụ CRM, automation marketing
- Popup thu thập khách hàng
6. Thêm dữ liệu có cấu trúc (Schema)
Schema giúp công cụ tìm kiếm hiểu rõ nội dung website:
- Schema doanh nghiệp
- Schema bài viết
- Schema sản phẩm
Việc này có thể giúp website hiển thị nổi bật hơn trên kết quả tìm kiếm.
7. Thiết lập bảo mật và xác thực
Một số cấu hình nâng cao cũng cần đặt trong <head>:
- Xác minh domain với các dịch vụ email marketing
- Content Security Policy (CSP)
- Các đoạn mã xác thực bảo mật khác
Việc chèn code vào thẻ <head> không chỉ đơn thuần là thêm một đoạn script, mà còn ảnh hưởng trực tiếp đến SEO, hiệu suất và khả năng hoạt động của website.
Nếu bạn không chắc nên chèn đoạn mã nào hoặc lo ngại ảnh hưởng đến website, hãy kiểm tra kỹ trước khi thực hiện.
Trong trường hợp cần hỗ trợ, bạn có thể liên hệ đội ngũ kỹ thuật của TBAY để được tư vấn và triển khai đúng cách.
ChatGPT