Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du HTTP Security Rubriker i WordPress (Beginner’s Guide)

Vill du add to HTTP security headers i WordPress?

HTTP security headers allow you to add a extra lager av säkerhet till din website i WordPress. De kan hjälpa till att blockera vanlig skadlig aktivitet från att påverka din sites prestanda.

I denna guide för nybörjare visar vi dig hur du addar HTTP security headers i WordPress.

How to Add HTTP Security Headers in WordPress (Beginner's Guide)

Vad är HTTP Security Rubriker?

HTTP security headers är en säkerhetsåtgärd som allow din websites server att förhindra vissa vanliga säkerhetshot innan de kan påverka din website.

När en användare besöker din WordPress-webbplats skickar din web server en HTTP header response till deras webbläsare. Detta response informerar webbläsare om error-koder, cache control och andra statusar.

Det normala svaret från Header utfärdar en status som anropas HTTP 200. Efter detta hämtar din website i användarens webbläsare. Men om din website har problem kan din web server skicka en annan HTTP header.

Den kan till exempel skicka ett 500 internal server error eller ej hittat 404 error code.

HTTP Security Headers är en delmängd av dessa rubriker. De används för att skydda webbplatser från vanliga hot som gillar click-jacking, cross-site scripting, brute force-attacker med mera.

Låt oss ta en snabb titt på några HTTP-säkerhetsheaders och hur de skyddar din WordPress site:

  • HTTP Strict Transport Security (HSTS) talar om för web browsers att din website använder HTTPS och ej ska hämtas med ett osäkert protokoll som gillar HTTP.
  • X-XSS Protection allow you to block cross-site scripting from loading.
  • X-Frame-Options förhindrar iframes eller click-jacking över domäner.
  • X-Content-Type-Options X-Content-Type-Options blockerar sniffning av content mime-type.

HTTP-säkerhetsheaders fungerar bäst när de ställs in på web server-nivå, vilket innebär ditt WordPress webbhotell account. Detta allow dem att utlösas tidigt under en typisk HTTP request och ge maximal nytta.

De fungerar ännu bättre om you använder en website application firewall på DNS-nivå som gillar Sucuri eller Cloudflare.

Med detta sagt, låt oss ta en titt på hur du enkelt kan add to HTTP security headers i WordPress. Här är snabblänkar till olika metoder så att du kan hoppa till den som passar dig:

1. Lägga till HTTP Security Rubriker i WordPress med hjälp av Sucuri

Sucuri är ett av de bästa WordPress säkerhetstilläggen på marknaden. Om du använder deras tjänst website firewall kan du ställa in HTTP-säkerhetsheaders utan att skriva någon kod.

Först måste du registrera dig för ett Sucuri account. Det är en betald tjänst som kommer med en brandvägg på server-nivå för websites, säkerhetsplugin, CDN och garanti för borttagning av skadlig kod.

Under registreringen måste du svara på enkla frågor, och Sucuris dokumentation hjälper dig att konfigurera webbplatsens applikations firewall på din website.

När du har registrerat dig måste du installera och aktivera det gratis Sucuri plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering måste du gå till Sucuri Security ” Firewall (WAF) och enter din Firewall API key. Du hittar den här informationen under your account på Sucuri website.

Sucuri WAF API key

Efter det måste du clicka på den gröna knappen ”Save” för att dina ändringar ska bli lagrade.

Därefter måste du byta till instrumentpanelen för ditt Sucuri-konto. Härifrån klickar du på menyn ”Settings” högst upp och byter sedan till tabben ”Security”.

Setting HTTP security headers in Sucuri

Härifrån kan du välja tre uppsättningar regler. Standardskyddet fungerar bra för de flesta websites.

Om du har en Professional- eller Business-plan har du också alternativ för HSTS och HSTS Full. Du kan se vilka HTTP-säkerhetsheaders som ska tillämpas för varje uppsättning regler.

You need to click the ’Save Changes in the Additional Rubriker’ button to apply your changes.

Sucuri kommer nu att add to your valda HTTP security headers i WordPress. Eftersom det är en WAF på DNS-nivå är din webbplatstrafik skyddad från hackare redan innan de når din website.

2. Lägga till HTTP Security Rubriker i WordPress med hjälp av Cloudflare

Cloudflare erbjuder en grundläggande gratis website firewall och CDN-tjänst. Den saknar avancerade säkerhetsfunktioner i sin gratis plan, så du måste uppgradera till sin Pro-plan, som är dyrare.

Du kan lära dig hur du addar Cloudflare till din website genom att följa vår tutorial om hur du konfigurerar Cloudflare gratis CDN i WordPress.

När Cloudflare är aktiv på din website måste du gå till SSL/TLS page i adminpanelen för ditt Cloudflare-konto och sedan byta till tabben ”Edge Certificates”.

Setting up HTTPS security headers in Cloudflare

Nu rullar du ner till ”HTTP Strict Transport Security (HSTS)” section.

När du har hittat den måste du klicka på knappen ”Aktivera HSTS”.

Click the Enable HSTS Button

Detta kommer att visa en popup med instruktioner som säger att du måste ha HTTPS aktiverat på din website innan du kan använda den här funktionen.

Om din WordPress blogg redan har en säker HTTPS anslutning kan du klicka på knappen ”Nästa” för att fortsätta. Du kommer att se alternativen för att add to HTTP security headers.

Enable HTTPS security headers in Cloudflare

Härifrån kan du aktivera HSTS, tillämpa HSTS på subdomäner (om subdomänerna använder HTTPS), förladda HSTS och aktivera no-sniff header.

Den här metoden ger grundläggande skydd med hjälp av HTTP-säkerhetsrubriker. Den låter dig dock ej add to X-Frame-Options, och Cloudflare har inte ett användargränssnitt för att göra det.

You kan fortfarande göra det genom att skapa ett skript med hjälp av Cloudflare Workers utvald funktion. Vi rekommenderar dock inte detta eftersom skapandet av ett skript för HTTPS security header kan orsaka oväntade issues för nybörjare.

3. Lägga till HTTP Security Rubriker i WordPress med hjälp av .htaccess

Med den här metoden kan du ställa in HTTP-säkerhetsheaders i WordPress på servernivå.

Det är obligatoriskt att editera .htaccess-filen på din website. Den här konfigurationsfilen för servern används av den vanligaste webbserverprogramvaran Apache.

Note: Innan du gör några ändringar i filer på din website rekommenderar vi att du gör en backup.

Anslut sedan till din website med hjälp av en FTP-klient eller filhanteraren i webbhotellets control panel. I rotmappen på din website måste du hitta .htaccess-filen och edit den.

View of Edit the .htaccess File Using an FTP Client

Detta kommer att öppna filen i en plain text editor. Längst ner i filen kan du lägga till lite kod för att lägga till HTTPS security headers till din WordPress website.

Du kan använda följande exempelkod som utgångspunkt. Den ställer in de vanligaste HTTP-säkerhetsheaders med optimala inställningar:

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

Glöm inte att save dina ändringar och besök din website för att kontrollera att allt fungerar som det ska.

Note: Var försiktig när du editerar kod på din website. Felaktiga headers eller konflikter i .htaccess-filen kan utlösa 500 Internal Server Error.

4. Lägga till HTTP Security Rubriker i WordPress med hjälp av AIOSEO

All in One SEO (AIOSEO) är det bästa SEO-verktyget för WordPress och är betrott av över 3 miljoner företag. Med detta premium plugin kan du enkelt add to HTTP security headers till din website.

Det första du behöver göra är att installera och aktivera pluginet AIOSEO på din website. Du kan läsa mer i vår Step-by-Step guide om hur du ställer in All in One SEO för WordPress.

Du måste sedan gå över till All in One SEO ” Redirects page för att add to HTTP security headers. Först måste du klicka på knappen ”Activate Redirects” för att aktivera funktionen.

Activating Redirects in All in One SEO

När omdirigeringar har aktiverats måste du klicka på tabben ”Full Omdirigera webbplats” och sedan rulla ner till sektionen ”Canonical Settings”.

Aktivera bara Toggle för ”Canonical Settings” och klicka sedan på knappen ”Add Security Presets”.

Add Security Presets in AIOSEO

You will see a preset list of HTTP security headers appear in the table.

Dessa Rubriker är optimerade för säkerhet på websites. You can review and change them if needed.

Security Headers are Added in AIOSEO

Se till att du klickar på knappen ”Save Changes” högst upp eller längst ner på vyn för att spara rubrikerna.

You can now visit your website to make sure that everything is working fine.

Hur man kontrollerar HTTP Security Rubriker för en website

Nu när du har addat HTTP Security headers till din website kan du testa din konfiguration med hjälp av det gratis verktyget Security Rubriker.

Du behöver bara enter URL:en till din website och clicka på knappen ”Scan”.

Checking a Website's HTTP Security Headers

Det kommer sedan att kontrollera HTTP-säkerhetsheaders för din website och visa dig en report. Tools kommer också att generera en så kallad betygsetikett, som du kan ignorera eftersom de flesta websites kommer att få en B- eller C-poäng utan att det påverkar användarnas upplevelse.

Det kommer att visa dig vilka HTTP-säkerhetsrubriker som skickas av din website och vilka som inte ingår. Om de säkerhetsrubriker som du ville ställa in finns listade där är du klar.

Expertguider om WordPress säkerhet

Nu när du vet hur du addar HTTP security headers kanske du gillar att se några andra guider relaterade till att förbättra säkerheten på din WordPress website:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till HTTP-säkerhetsheaders i WordPress. You may also want to see our complete WordPress security guide and our expert picks for the best WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

19 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Holly Gough says

    Grateful for this info. Clear concise easy to follow directions. I spent an hour+ trying to fix the header issues. Thank you!

  3. Katrin says

    Where in the .htacces do I have to put the code? above, in between # BEGIN WordPress or behind # END WordPress?

  4. Michelangelo says

    Thank you so much for this article! It helped so much.

    I wish you the best and that your sleeves never slip during dishwashing :D

  5. Karma Tsheten says

    It worked for me but also it destroyed my design. when ever i add security header, design gets spoiled, any help

    • WPBeginner Support says

      That sounds like your theme may be having a conflict for some reason. We would recommend reaching out to your theme’s support to see if they can see the root of the issue.

      Administratör

  6. Nigel Mcilwaine says

    Hi,
    Unfortunately it didn’t work for me, even after clearing my cache. The site is on an Apache server, shared hosting is that going to affect the success?
    cheers

    • WPBeginner Support says

      You would likely want to check with your hosting provider to ensure they do not have caching or a rule on their end that would cause an issue with your security header

      Administratör

  7. Neil Cheesman says

    Hi

    I have added the code to the .htaccess file but it hasn’t made any difference… the website redirects okay from HTTP to https but when testing I still get the message ”Couldn’t find the HSTS header
    in the response headers.”

    • WPBeginner Support says

      Don’t forget to clear any caching on your site as that is the most common reason for that specific error after adding the code to your htaccess.

      Administratör

  8. ed thomas says

    did not work. still have:
    Your website does not send all recommended security headers.
    X-Content Type Options
    X-Frame-Options
    Permissions-Policy

    • WPBeginner Support says

      You may want to check your caching as that is the most common reason it will not update. If you clear your site’s cache that should allow your headers to be found.

      Administratör

  9. Mark Downing says

    Thanks for the very helpful article. Our site went from an ”F” to a ”B” with no glitches after I pasted your code snippet into .htaccess.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.