Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till Google-sökning på en WordPress-webbplats (det enkla sättet)

Har du någonsin undrat varför besökare bara spenderar sekunder på din WordPress-webbplats innan de trycker på tillbaka-knappen?

En förbisedd anledning är dålig sökfunktionalitet. Om användare inte snabbt kan hitta vad de letar efter, kommer de att lämna, ofta utan att engagera sig eller konvertera.

Som standard är WordPress inbyggda sökning ganska begränsad. Den känner inte igen stavfel, synonymer eller sammanhang, vilket gör det svårare för människor att upptäcka ditt bästa innehåll.

Det är där Google Sök kommer in.

Googles kraftfulla sökmotor levererar snabba, relevanta resultat; den sortens som dina besökare är vana vid. Den är smart nog att förstå avsikter, fixa stavfel och visa innehåll som WordPress-sökning helt kan missa.

Efter att ha testat flera metoder har vi hittat ett snabbt och pålitligt sätt att ställa in det. I den här guiden visar vi hur du lägger till Google Sök på din WordPress-webbplats – ingen komplicerad installation. 🧑‍💻

Lägg till Google-sökning på en WordPress-webbplats

Varför ska du använda Google Sök i WordPress?

Standardfunktionen för sökning i WordPress är inte särskilt användbar och misslyckas ofta med att hitta relevanta resultat för användarens frågor. Detta tvingar många webbplatsägare att leta efter alternativ.

Du kan använda ett populärt WordPress-sökplugin. Problemet är dock att du fortfarande måste hantera det pluginet, och det kommer att påverka dina serverresurser.

Å andra sidan kan du använda Googles pålitliga och kraftfulla sökfunktion istället. Den är gratis, låter dig begränsa sökningen till endast dina webbplatser och kan köras från din WordPress-webbplats.

Dessutom är Googles sökning snabb, användarna litar redan på varumärket, och du behöver inte underhålla eller uppdatera den. Du kan till och med tillåta användare att söka på externa webbplatser på Google om det behövs.

Med det sagt, vi visar dig hur du enkelt lägger till en Google-webbsökning på din WordPress-webbplats. Här är allt vi kommer att dela i den här guiden:

Låt oss börja.

Hur man lägger till Google-sökning på en WordPress-webbplats

Du kan enkelt lägga till Google Sök på din WordPress-webbplats genom att besöka Googles webbplats för Programmerbar sökmotor.

Härifrån klickar du på knappen 'Kom igång'.

Klicka på knappen 'Kom igång' på sidan Programmable Search Engine

Detta kommer att leda dig till sidan 'Skapa en ny sökmotor', där du måste ange ett namn för sökformuläret du håller på att skapa.

Välj sedan alternativet 'Sök specifika webbplatser eller sidor' i avsnittet 'Vad ska jag söka efter?' och lägg till din WordPress-webbplats URL.

Nu kommer Google Site Search endast att indexera innehållet som finns på din webbplats. Om du däremot vill att Google ska visa sökresultat från andra webbplatser också, kan du välja alternativet 'Sök på hela webben'.

Lägg till webbplatsens URL för att skapa Google Site-sökning

Rulla sedan ner och aktivera alternativet 'Bildsökning' för att låta ditt Google-sökformulär indexera bilder på din webbplats. Vi rekommenderar detta alternativ om du säljer foton online, har en fotowebbplats eller driver en reseblogg.

Därefter kan du också aktivera omkopplaren 'Säker sökning' så att användare inte visas olämpliga resultat för sina sökningar.

När du är klar klickar du på knappen 'Skapa'.

Klicka på Skapa för att generera ett Google sökmotor-ID

Google kommer nu att generera din sökmaskins-ID-kod åt dig.

Härifrån, kopiera bara koden och klistra in den i en Anteckningar-app eller en enkel textredigerare.

Kopiera Google Search Engine ID från webbplatsen

Nu måste du besöka din WordPress-instrumentpanel och redigera dina temafiler för att lägga till sökningen i din webbplats <body>. Detta kan dock vara riskabelt, och den minsta fel kan bryta din webbplats.

Det är därför vi rekommenderar att använda WPCode istället. Det är den bästa WordPress kodsnutt-pluginen på marknaden som gör det säkert och enkelt att lägga till anpassad kod.

Några av våra partner varumärken använder WPCode för att lägga till och hantera anpassade kodavsnitt på sina webbplatser. Det har fungerat exceptionellt bra för dem, och du kan läsa mer om det i vår detaljerade WPCode-recension.

WPCode's startsida

💡 Notera: WPCode har en gratis plan som du kan använda för den här handledningen. Att uppgradera till pro-versionen ger dig dock tillgång till fler funktioner som smart villkorlig logik, ett molnbibliotek med kodavsnitt och mer.

Först måste du installera och aktivera pluginet WPCode. För detaljerade instruktioner, se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan Kodavsnitt » + Lägg till kodavsnitt från WordPress admin-sidofältet. Klicka här på knappen '+ Lägg till anpassat kodavsnitt' under alternativet 'Lägg till din anpassade kod (nytt kodavsnitt)'.

WPCode lägger till anpassade kodavsnitt

Detta tar dig till sidan 'Skapa anpassad snippet', där du kan skriva vilket namn du vill för snippet. Välj sedan 'Universell snippet' som kodtyp från rullgardinsmenyn till höger.

När du har gjort det, klistra bara in Google Search Engine ID i rutan 'Code Preview'.

Klistra in Google Search Engine ID i WPCode förhandsgranskningsruta

Scrolla sedan ner till avsnittet 'Infogning' och välj läget 'Automatisk infogning'. Efter aktivering läggs Google Sök-formuläret automatiskt till på din webbplats.

Därefter kan du expandera rullgardinsmenyn 'Plats' för att välja var du vill visa din sökruta.

Om du till exempel vill visa sökformuläret högst upp på alla dina inlägg och sidor, kan du välja alternativet 'Infoga före inlägg'.

Välj plats och infogning för sökmotor-ID:t

Rulla sedan tillbaka till toppen och växla omkopplaren 'Inaktiv' till 'Aktiv'.

Klicka slutligen på knappen ‘Spara utdrag’ för att lagra dina inställningar.

Spara Google Search Engine ID-kodavsnittet

Du har lagt till ett Google Site-sökformulär manuellt.

Du kan nu besöka din WordPress-blogg för att se den i aktion.

Google Sökförhandsgranskning

Alternativ: Använd SearchWP för att skapa ett fantastiskt sökformulär

Om du tycker det är svårt att lägga till Google Site Search på din webbplats eller om du letar efter ett alternativ, då kan du använda SearchWP, det bästa WordPress-sökpluginet på marknaden.

Så här fungerar det: Den här pluginen ersätter automatiskt standardformuläret för sökning och låter användare hitta allt de behöver på din webbplats. Vi har testat den här pluginen omfattande, och du kan utforska dess funktioner i vår detaljerade SearchWP-recension.

Sökpluginet SearchWP för WordPress

SearchWP låter dig skapa en anpassad relevansskala för att justera sökalgoritmen.

Du kan också göra vilken del av din webbplats som helst sökbar, inklusive PDF-filer, anpassade inläggstyper, media, bloggarkivsidor, bloggkommentarer, WooCommerce-produkter, och mer.

Skapa ett WordPress-sökformulär för anpassade inläggstyper

Om du har en flerspråkig webbplats kan du också skapa en flerspråkig sökning med pluginet.

Du måste dock komma ihåg att, till skillnad från Google Sök, kan pluginet bara indexera och visa resultat för innehåll som finns på din webbplats. För mer information kan du se vår handledning om hur du förbättrar WordPress-sökning med SearchWP.

Vanliga frågor: Hur man lägger till Google-sökning på en WordPress-webbplats

Om du fortfarande är osäker på om Google Search är rätt för din WordPress-webbplats, oroa dig inte. Här är några av de vanligaste frågorna vi får från användare:

Hur mycket kostar det att lägga till Google Sök på en WordPress-webbplats?

Att lägga till Google-sökning på din WordPress-webbplats är helt gratis. Med det sagt, om du vill ha extra anpassning eller avancerade funktioner, kan det tillkomma kostnader beroende på vilka verktyg du väljer att använda.

Behöver jag kodningskunskaper för att lägga till Google Sök?

Inte riktigt. Du kan bara följa stegen i den här guiden, eftersom vi har tillhandahållit en fungerande kodsnutt som du kan kopiera och klistra in i WPCode. Det är ett enkelt, nybörjarvänligt sätt att lägga till Google Search utan att redigera dina temafiler.

Kan jag anpassa utseendet på Google Sök på min webbplats?

Ja, du kan styla den för att matcha ditt webbplats varumärke. Googles programmerbara sökmotor ger dig alternativ för att justera hur resultaten ser ut och känns.

Vad händer om jag vill ta bort Google Search senare?

Det är enkelt! Du kan stänga av kodavsnittet eller ta bort det med dina plugin-inställningar när du vill.

Videoguide: Hur man lägger till Google Sök på en WordPress-webbplats

Inte ett fan av att läsa instruktioner? Inget problem! Vi har skapat en praktisk videoguide som guidar dig genom processen:

Prenumerera på WPBeginner

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt lägger till Google Sök på en WordPress-webbplats. Därefter kanske du också vill se våra nybörjarguider om:

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

83 CommentsLeave a Reply

  1. Jag skulle vilja lägga till Google-sökning på min blogg eftersom den verkar vara väldigt snabb och exakt, men jag vill inte att mina användare ska se ”förbättrad av Google” i sökfältet. Jag skulle vilja lägga in mitt eget innehåll så att funktionen verkar vara helt skapad på min blogg. Är det möjligt?

    • I inställningarna för utseende och känsla för sökmotoralternativen finns det några val du kan använda beroende på vad du vill göra!

      Admin

  2. Hej där, tack för den väl förklarade metoden. Det enda problemet jag hade var efter att ha aktiverat och sparat klippet, jag skickades till en sida: "403 Forbidden Access to this resource on the server is denied!". Hur, jag antar att jag måste göra något i min cPanel eller kontakta hosting-leverantören för att fixa detta?
    Hälsningar

  3. Bra guide!

    Att snabbt hitta relevant information på en WordPress-webbplats kan vara frustrerande med standard sökfunktionen. Jag har övervägt att integrera antingen Google Programmable Search Engine eller SearchWP-pluginet för att förbättra sökupplevelsen för mina besökare.

    Jag lutar åt SearchWP för bättre kontroll över relevansen, men jag är nyfiken på om någon har tips för att optimera dess prestanda på större webbplatser?

    • Det skulle bero på webbplatsens storlek, SearchWP har dokumentation på pluginets webbplats för dess olika rekommendationer för webbplatsstorlek.

      Admin

    • Jag har testat SearchWP och kan rekommendera det även för större webbplatser. Specifikt testat på en webbplats med mer än 1300 artiklar och många kategorier.

  4. Detta låter som ett mycket användbart alternativ till den klassiska WordPress-sökningen. Har det också någon inverkan på bättre indexering av webbplatsen?

    • Indexering av ditt innehåll skulle hanteras genom saker som SEO-plugins, dessa sökalternativ skulle inte påverka din indexering.

      Admin

  5. Finns det ett sätt att ställa in det så att sökresultaten visas på en anpassad sida på min webbplats – dvs. sökresultatsidan eller en med min webbplats rubrik och sidfot?

  6. Hur ersätter jag WordPress-temats sökning med Google Custom Search istället för att lägga till en widget?

    • Det skulle bero på ditt tema. Om du kontaktar ditt temas support bör de kunna hjälpa till.

      Admin

  7. Hur fick du din WordPress-sökikon via sidhuvudet att visa Google-sökningsresultat? Det är faktiskt vad jag försöker göra och det verkar omöjligt med min kompetensnivå. En handledning skulle vara bra, men jag är säker på att det inte skulle vara så lätt att ge en handledning om något sådant. Tack för den här artikeln dock!

    • Om ditt tema inte har alternativet att lägga till en sökwidget i din header, bör du kontakta ditt temas support för att få hjälp med hur du lägger till det i ditt specifika tema.

      Admin

      • Jag insåg det faktiskt 10 minuter efter att jag skickat min kommentar, såklart. Det involverade två kodsnuttar från Google. En kod ersatte det som fanns i min searchform.php-fil medan den andra koden placerades på sidan med sökresultat. Superenkelt, men nu behöver jag bara anpassa utseendet så att det passar bättre med mitt tema.

        Tack och hälsningar,

        J

  8. När jag infogar google engine id skapar pluginet automatiskt en sida där sökresultatet kommer att visas. Men vad jag behöver är att ändra länken till sidan där sökresultatet kommer att visas. Hur kan jag göra det?

  9. Jag använder WP Google Search Plugin. Jag var så frustrerad eftersom jag inte kunde få sökikonen att visas. Ditt tips om att anpassa sökfältet via instrumentpanelen i Google Custom Search löste problemet.

  10. Cool artikel men vad jag ville ha var en anpassad sökruta i mitten av en tom sida som om det vore en Google-söksida. Jag hittade pluginet Blank Slate som ger den tomma sidan men är inte säker på hur jag ska centrera och begränsa bredden på sökrutan, antingen med kod eller kortkod, några idéer??

  11. Thanks wpbeginner your articles have always helped me a lot. I wanted to do it manually because that way wherever I have search form it’ll be replace by custom google search and your article did work for me as always :)

    När jag försökte första gången fungerade det inte eftersom jag registrerade webbplatsen som http(s) eller inte omslöt koden inom en div, så det gav mig verkligen en hård tid. Hur som helst, jag är så tacksam för din hjälp!!

    Thanks again :)

  12. Det fungerar precis som jag vill att det ska, söker på 2 olika webbplatser, så länge jag är inloggad i WP Admin. När jag inte längre är inloggad i WP Admin får jag

    Hittades ej
    Ursäkta, men sidan du begärde kunde inte hittas. Kanske sökning kan hjälpa.

    Vilket steg missade jag?

    • Jag har inte mycket kunskap om webbdesign och vidare anpassning. Jag har lärt mig WordPress-bloggning de senaste 5 månaderna, och jag tror att det kan bero på ett problem när du publicerar din sökresultatsida. Det finns ett synlighetsalternativ i redigeringsläget för sidan. Om den sidan är privat eller lösenordsskyddad kan det problem du nämnde uppstå. Om det är gjort så, gör den offentlig..

  13. Plugin-metoden fungerar bra för mig. Men jag försöker ersätta temats inbyggda menyradens sökfunktionalitet med CSE. Dess wordpress inbyggda sökning endast. Så manuell redigering av searchform.php-metoden borde fungera för mig.
    Men efter att ha redigerat searchform.php försvinner min sökwidget från sidofältet. Jag använder Colormag-temat från themegrill.
    Söker efter hjälp.

    Jag är också angelägen om att se det som nämns i ovanstående kommentar, men den här webbplatsen är offline nu. Jag försökte hämta den från Wayback Machine men kunde inte hitta den i dess tidigare intryck.

    • Samma sak händer mig när jag klistrar in den koden i searchform.php. Inte säker på att detta är korrekt eftersom searchform.php som standard är ett HTML-formulär. Koden som kopierats från Custom Google Search är en JavaScript-tagg... borde detta ens fungera??

  14. Verkligen hjälpsamt ämne som alltid.

    Jag använder ett plugin på min webbplats. Hur kan jag utesluta annonser från sökresultaten

  15. Hej Wpbeginner,

    Det här fungerade som en charm! Den manuella metoden är lika fantastisk som du skrev. Google anpassad sökning visas nu på min webbplats!

    Tack så mycket.

  16. Kan man bara implementera anpassad sökning när webbplatsen är live och indexerad av Google? Om den är dold eller lösenordsskyddad, kan den läggas till då?

  17. Jag försöker lägga till Google Search med pluginet på min webbplats. Jag kom så långt som till steget där jag ska klistra in sökmotorns ID på WP Google Searchs inställningssida. Min inställningssida verkar inte ha någonstans där jag kan göra detta. Kan du tala om för mig var ID:t ska klistras in och vad det kallas?

    Tack.

  18. Det manuella sättet att göra detta är dåligt beskrivet och ett totalt slöseri med tid. Om du ska göra något, gör det rätt, annars gör det inte alls.

    • Om du har svårt att använda den manuella metoden, försök då den första metoden. Det är enklare att lägga till Google-sökning med hjälp av ett plugin. Om du behöver göra det manuellt, vänligen meddela oss vilken del som är otydlig så försöker vi förklara den här.

      Admin

      • Manuell läggning av Google Sök fungerar inte (jag använder colormag-tema), du måste uppdatera artikeln

  19. Genom att använda detta sökplugin, kommer jag att kunna se en rapport över vilka ord som skrevs i rutan för att söka?

    Jag vill veta vad folk söker efter, så att jag kan skapa innehåll baserat på deras sökningar.

  20. Jag har uppdaterat via plugin-metoden. Endast sökknappen visas inte korrekt. Vänligen ge förslag (Texten "Sök" har flyttats ner, endast den övre delen är synlig). Vänligen ge förslag

  21. Ännu en fantastisk handledning – jag visste inte ens att det var möjligt att använda Google Sök på det här sättet! Jag har nu detta igång på min webbplats, tack så mycket!

  22. Bra inlägg, mycket hjälpsamt och lätt att förstå. Jag har också skapat min anpassade sökfält genom att följa dina steg. Tack för att du delade detta fantastiska inlägg med oss.

  23. Hej!

    Måste vi välja bland de 5 fontalternativen som finns tillgängliga eller kan vi importera en font vi gillar bättre?

  24. Kan någon förklara varför detta är en mer fördelaktig sökning än att använda standard WordPress-sökformuläret? Finns det SEO-implikationer? Jag är bara inte säker på varför någon skulle använda detta istället för standard-sökningen.

    • Jag brukar upptäcka att när jag söker på en webbplats efter ett ämne, och den använder WordPress standard-sökning – får jag MYCKET dåliga resultat.

      De kommer att sakna relevans.

      Genom att använda Googles anpassade sökning får du inga SEO-fördelar, men dina läsare kommer lättare att hitta det de letar efter.

  25. Hur anger vi vårt Google-sök-ID i "Sök med Google"? Måste vi inte behålla Google-sökmotor-ID:t i widgeten?

  26. Hej – kan du berätta för mig hur jag tar bort detta? Jag har precis sett det dyka upp på alla mina sidor och jag vill inte ha det alls!

    Många tack

  27. Hej och tack för att du skapade detta inlägg och video. Jag fann det verkligen hjälpsamt när det gäller att ge bättre sökresultat för min webbplats WarCraft Press.

    Jag skulle dock säga att du borde ha påpekat i början av lektionen att det finns 2 sätt att utföra denna uppgift. Jag gjorde det en gång utan pluginet och insåg sedan senare att det fanns ett plugin för det.

    Med det sagt, tack igen för en bra lektion och jag ser verkligen fram emot framtida lektioner!

    Kombear
    WarCraft Press

  28. Hallå där,
    Jag har sett dig rekommendera att redigera wp-filer och wp-temamallar, som du gör i den här artikeln för filen searchform.php.

    Min oro är att när det sker en tema-uppdatering eller en WordPress-uppdatering, skulle då ändringarna i searchform.php som föreslås här gå förlorade efter till exempel en tema-uppdatering?

    Lycka till på vägen, Mike

  29. kan jag använda google anpassad sökruta och wp normal ruta tillsammans på min webbplats. eller måste jag bara använda en sökruta mellan dessa två sökboxar

  30. Hur man skapar en sökfält som kopplas till Google? Inte bara ett litet fönster som Custom Google Search. Fungerar exakt som Google-sökning.
    Tack.

  31. Hej,

    Jag vill lägga till en Google-sökfält till varje inlägg på min WordPress-webbplats eller så vill jag lägga till ett Google-sökfält under huvudmenyn, kan du hjälpa mig med detta.

  32. Hej, jag skulle vilja veta hur man använder Google Custom Search i menyer som du gör...

  33. Well, I have done the same procedure. my theme does not contain searchform.php i created it but it contain searchresults.php i think its theme’s search. but after creating the searchform.php and pasting the code there. another search widget not appeared. Only sahifa search which is theme’s so please can you tell me what the problem. :(

  34. Hej, jag skulle vilja veta om jag kan använda Google anpassad sökning för min intranätportal. Jag har konfigurerat Wikipedia för internt bruk och jag skulle vilja integrera Google anpassad sökning för detta, men jag får inga resultat när jag integrerar.
    Så frågan är: Är Google anpassad sökning endast avsedd för offentliga webbplatser?

  35. Hej, jag följde dessa steg exakt för min Wordpress-webbplats, men sökrutan visas ingenstans. Det finns inga .js-fel i konsolen. Jag satte en kant runt den innehållande div:en och kanten visas, men det finns inget inuti den. Jag klistrade in koden jag genererade från Google i searchform.php. Som ett test försökte jag också klistra in Google-koden på en testsida, men fortfarande ingen lycka.

    Några idéer för felsökning?

  36. Kan du vänligen guida mig hur vi kan lägga till anpassad sökning i ett Genesis-barn-tema. Jag har provat många handledningar men ingen av dem fungerar.

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.