{"id":4193,"date":"2022-07-13T07:20:13","date_gmt":"2022-07-13T14:20:13","guid":{"rendered":"https:\/\/SUMMALAI.COM\/?p=4193"},"modified":"2022-07-13T07:20:15","modified_gmt":"2022-07-13T14:20:15","slug":"how-to-add-http-security-headers-in-wordpress","status":"publish","type":"post","link":"https:\/\/SUMMALAI.COM\/?p=4193","title":{"rendered":"How to Add HTTP Security Headers in WordPress"},"content":{"rendered":"\n

by Editorial Staff<\/a><\/a><\/p>\n\n\n\n

Do you want to add HTTP security headers in WordPress?<\/p>\n\n\n\n

HTTP security headers allow you to add an extra layer of security to your WordPress website. They can help block common malicious activity from affecting your website performance.<\/p>\n\n\n\n

In this beginner\u2019s guide, we\u2019ll show you how to easily add HTTP security headers in WordPress.<\/p>\n\n\n\n

What are HTTP Security Headers?<\/h4>\n\n\n\n

HTTP security headers are a security measure that allows your website\u2019s server to prevent some common security threats before it affects your website.<\/p>\n\n\n\n

Basically, when a user visits your website, your web server sends an HTTP header response back to their browser. This response tells browsers about error codes, cache control, and other statuses.<\/p>\n\n\n\n

The normal header response issues a status called HTTP 200. After which your website loads in the user\u2019s browser. However, if your website is having difficulty then your web server may send a different HTTP header.<\/p>\n\n\n\n

For example, it may send a 500 internal server error<\/a>, or a not found 404 error<\/a> code.<\/p>\n\n\n\n

HTTP security headers are a subset of these headers and are used to prevent websites from common threats like click-jacking, cross-site scripting, brute force attacks<\/a>, and more.<\/p>\n\n\n\n

Let\u2019s have a quick glance at what HTTP security headers look like and what they do to protect your website.<\/p>\n\n\n\n

HTTP Strict Transport Security (HSTS)<\/strong><\/p>\n\n\n\n

HTTP Strict Transport Security (HSTS) header tells web browsers that your website uses HTTPs and should not be loaded using insecure protocol like HTTP.<\/p>\n\n\n\n

If you have moved your WordPress website from HTTP to HTTPs<\/a>, then this security header allows you to stop browsers from loading your website on HTTP.<\/p>\n\n\n\n

X-XSS Protection<\/strong><\/p>\n\n\n\n

X-XSS Protection header allows you to block cross-site scripting from loading on your WordPress website<\/a>.<\/p>\n\n\n\n

X-Frame-Options<\/strong><\/p>\n\n\n\n

X-Frame-Options security header prevents cross-domain iframes or click-jacking.<\/p>\n\n\n\n

X-Content-Type-Options<\/strong><\/p>\n\n\n\n

X-Content-Type-Options blocks content mime-type sniffing.<\/p>\n\n\n\n

That being said, let\u2019s take a look at how to easily add HTTP security headers in WordPress.<\/p>\n\n\n\n

Adding HTTP Security Headers in WordPress<\/h4>\n\n\n\n

HTTP security headers work best when they are set at the web server level (i.e your WordPress hosting<\/a> account). This allows them to be triggered early on during a typical HTTP request and provides maximum benefit.<\/p>\n\n\n\n

They work even better if you are using a DNS-level website application firewall<\/a> like Sucuri or Cloudflare. We\u2019ll show you each method, and you can choose one that works best for you.<\/p>\n\n\n\n

Here are quick links to different methods, you can jump to the one that suits you.<\/p>\n\n\n\n

1. Adding HTTP Security Headers in WordPress using Sucuri<\/h4>\n\n\n\n

Sucuri<\/a> is the best WordPress security plugin<\/a> on the market. If you are using their website firewall service too, then you can set HTTP security headers without writing any code.<\/p>\n\n\n\n

First, you will need to sign up for a Sucuri<\/a> account. It is a paid service that comes with a sever level website firewall, security plugin, CDN, and malware removal guarantee.<\/p>\n\n\n\n

During sign up, you will answer simple questions, and Sucuri documentation will help you set up the website application firewall on your website.<\/p>\n\n\n\n

After signing up, you need to install and activate the free Sucuri plugin<\/a>. For more details, see our step by step guide on how to install a WordPress plugin<\/a>.<\/p>\n\n\n\n

Upon activation, go to Sucuri Security \u00bb Firewall (WAF)<\/strong> page and enter your Firewall API key. You can find this information under your account on Sucuri website.<\/p>\n\n\n\n

\"Sucuri<\/figure>\n\n\n\n

Click on the Save button to store your changes.<\/p>\n\n\n\n

Next, you need to switch to your Sucuri<\/a> account dashboard. From here, click on the Settings menu on top and then switch to the Security tab.<\/p>\n\n\n\n

\"Setting<\/figure>\n\n\n\n

From here you can choose three sets of rules. The default protection, HSTS, and HSTS Full. You will see which HTTP security headers will be applied for each set of rules.<\/p>\n\n\n\n

Click on the \u2018Save Changes in The Additional Headers\u2019 button to apply your changes.<\/p>\n\n\n\n

That\u2019s all, Sucuri will now add your selected HTTP security headers in WordPress. Since it is a DNS level WAF, your website traffic is protected from hackers even before they reach your website.<\/p>\n\n\n\n

2. Adding HTTP Security Headers in WordPress using Cloudflare<\/h4>\n\n\n\n

Cloudflare offers a basic free website firewall and CDN service. It lacks advanced security features in their free plan, so you will need to upgrade to their Pro plan which are more expensive.<\/p>\n\n\n\n

To add Cloudflare on your site, see our tutorial on how to add Cloudflare free CDN in WordPress<\/a>.<\/p>\n\n\n\n

Once Cloudflare is active on your website, go to the SSL\/TLS page under your Cloudflare account dashboard and then switch to the Edge Certificates tab.<\/p>\n\n\n\n

\"Setting<\/figure>\n\n\n\n

Now, scroll down to the HTTP Strict Transport Security (HSTS) section and click on the \u2018Enable HSTS\u2019 button.<\/p>\n\n\n\n

\"Enable<\/figure>\n\n\n\n

This will bring up a popup with instructions telling you that you must have HTTPS enabled on your WordPress blog<\/a> before using this feature. Click on the Next button to continue, and you will see the options to add HTTP security headers.<\/p>\n\n\n\n

\"Enable<\/figure>\n\n\n\n

From here, you can enable HSTS, no-sniff header, apply HSTS to subdomains (if they are using HTTPS), and preload HSTS.<\/p>\n\n\n\n

This method provides basic protection using HTTP security headers. However, it does not let you add X-Frame-Options and Cloudflare doesn\u2019t have a user interface to do that.<\/p>\n\n\n\n

You can still do that by creating a script using the Workers feature. However, creating an HTTPS security header script may cause unexpected issues for beginners which is why we wouldn\u2019t recommend it.<\/p>\n\n\n\n

3. Adding HTTP Security Headers in WordPress using .htaccess<\/h4>\n\n\n\n

This method allows you to set the HTTP security headers in WordPress at the server level.<\/p>\n\n\n\n

It requires you to edit the .htaccess file<\/a> on your website. It is a server configuration file used by the most commonly used Apache webserver software.<\/p>\n\n\n\n

Simply connect to your website using an FTP client<\/a>, or the file manager app in your hosting control panel. In the root folder of your website, you need to locate the .htaccess file and edit it.<\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n

This will open the file in a plain text editor. At the bottom of the file, you can add the code to add HTTPS security headers to your WordPress website.<\/p>\n\n\n\n

You can use the following sample code as a starting point, it sets the most commonly used HTTPs security headers with optimal settings:<\/p>\n\n\n\n

1234567<\/td><ifModule mod_headers.c><\/code>Header set Strict-Transport-Security <\/code>\"max-age=31536000\"<\/code>env=HTTPS<\/code>Header set X-XSS-Protection <\/code>\"1; mode=block\"<\/code>Header set X-Content-Type-Options nosniff<\/code>Header set X-Frame-Options DENY<\/code>Header set Referrer-Policy: no-referrer-when-downgrade<\/code><\/ifModule><\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Don\u2019t forget to save your changes and visit your website to make sure that everything is working as expected.<\/p>\n\n\n\n

Note:<\/strong> Incorrect headers or conflicts in .htaccess file may trigger 500 Internal server error<\/a> on most web hosts.<\/p>\n\n\n\n

4. Adding HTTP Security Headers in WordPress using Plugin<\/h4>\n\n\n\n

This method is a little less effective as it relies on a WordPress plugin to modify the headers. However, it is also the easiest way to add HTTP security headers to your WordPress website.<\/p>\n\n\n\n

First, you need to install and activate the Redirection<\/a> plugin. For more details, see our step by step guide on how to install a WordPress plugin<\/a>.<\/p>\n\n\n\n

Upon activation, the plugin will show a set up wizard that you can just follow along to set up the plugin. After that, go to Tools \u00bb Redirection<\/strong> page and switch to the \u2018Site\u2019 tab.<\/p>\n\n\n\n

\"Site<\/figure>\n\n\n\n

Next, you need to scroll down to the bottom of the page to the HTTP Headers section and click on the \u2018Add Header\u2019 button. From the drop-down menu, you need to select \u2018Add Security Presets\u2019 option.<\/p>\n\n\n\n

\"Adding<\/figure>\n\n\n\n

After that, you will need to click on it again to add those options. Now, you will see a preset list of HTTP security headers appear in the table.<\/p>\n\n\n\n

\"HTTP<\/figure>\n\n\n\n

These headers are optimized for security, you can review them and change them if needed. Once you are done, don\u2019t forget to click on the Update button to save your changes.<\/p>\n\n\n\n

You can now visit your website to make sure that everything is working fine.<\/p>\n\n\n\n

How to Check HTTP Security Headers for a Website<\/h4>\n\n\n\n

Now that, you have added HTTP Security headers to your website. You can test your configuration using the free Security Headers<\/a> tool. Simply enter your website URL and click on the Scan button.<\/p>\n\n\n\n

\"Checking<\/figure>\n\n\n\n

It will then check HTTP security headers for your website and will show you a report. The tool would generate a so-called grade label which you can ignore as most websites would get a B or C score at best without affecting user experience.<\/p>\n\n\n\n

It will show you which HTTP security headers are sent by your website and which security headers are not included. If the security headers that you wanted to set are listed there, then you are done.<\/p>\n\n\n\n

Ref: How to Add HTTP Security Headers in WordPress (Beginner’s Guide) (wpbeginner.com)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

by Editorial Staff Do you want to add HTTP security headers in WordPress? HTTP security headers allow you to add an extra layer of security to your WordPress website. They can help block common malicious activity from affecting your website performance. In this beginner\u2019s guide, we\u2019ll show you how to easily add HTTP security headers in Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[104,5,178],"tags":[1205],"class_list":["post-4193","post","type-post","status-publish","format-standard","hentry","category-apache","category-linux","category-wordpress","tag-add-http-security-headers-in-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/posts\/4193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4193"}],"version-history":[{"count":2,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/posts\/4193\/revisions"}],"predecessor-version":[{"id":4239,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=\/wp\/v2\/posts\/4193\/revisions\/4239"}],"wp:attachment":[{"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/SUMMALAI.COM\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}