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

Jak dodać wyszukiwarkę Google do witryny WordPress (prosty sposób)

Domyślnie WordPress ma wbudowaną funkcję wyszukiwania, ale nie jest ona zbyt dobra. Można to jednak łatwo zmienić, dodając wyszukiwarkę Google w jej miejsce, aby zapewnić bardziej trafne i dokładne wyniki.

Zwiększy to komfort korzystania z bloga i ułatwi odwiedzającym znalezienie treści, których szukają. Odkryliśmy, że prowadzi to do zwiększenia zaangażowania i większej szansy na przekształcenie przypadkowych przeglądających w lojalnych czytelników lub klientów.

W tym artykule pokażemy, jak łatwo dodać wyszukiwarkę Google do witryny WordPress.

Add Google Search in a WordPress Site

Dlaczego warto korzystać z wyszukiwarki Google w WordPressie?

Domyślna funkcja wyszukiwania WordPressa nie jest zbyt użyteczna i często nie znajduje odpowiednich wyników dla zapytań użytkowników. Zmusza to wielu właścicieli witryn do szukania alternatyw.

Możesz użyć popularnej wtyczki wyszukiwania WordPress. Problem polega jednak na tym, że nadal musisz zarządzać tą wtyczką, a to będzie miało wpływ na twoje zasoby serwera.

Z drugiej strony, zamiast tego można skorzystać z niezawodnej i potężnej funkcji wyszukiwania Google. Jest ona bezpłatna, pozwala ograniczyć wyszukiwanie tylko do twoich witryn i może być uruchamiana z witryny WordPress.

Ponadto wyszukiwarka Google jest szybka, użytkownicy już ufają marce, a Ty nie będziesz musiał jej utrzymywać ani aktualizować. W razie potrzeby możesz nawet zezwolić użytkownikom na przeszukiwanie zewnętrznych witryn internetowych w Google.

Powiedziawszy to, zobaczmy, jak można łatwo dodać wyszukiwanie w witrynie Google do twojej witryny WordPress.

Jak dodać wyszukiwarkę Google do witryny WordPress

Możesz łatwo dodać wyszukiwarkę Google do swojej witryny WordPress, przechodząc na witrynę internetową wyszukiwarki programowalnej Google.

Następnie kliknij przycisk „Rozpocznij”.

Click the get started button on the Programmable Search Engine page

Spowoduje to przekierowanie do strony „Utwórz nową wyszukiwarkę”, na której musisz utworzyć nazwę dla formularza wyszukiwania, który zamierzasz utworzyć.

Następnie wybierz opcję „Wyszukaj określone witryny lub strony” w sekcji „Co wyszukać?” i dodaj adres URL swojej witryny WordPress.

Teraz wyszukiwarka witryn Google będzie indeksować tylko treści dostępne w Twojej witrynie internetowej. Jeśli jednak chcesz, aby Google pokazywało wyniki wyszukiwania również z innych witryn internetowych, możesz wybrać opcję „Przeszukaj całą sieć”.

Add website URL to create Google Site search

Następnie przewiń w dół i włącz opcję „Wyszukiwanie obrazków”, aby umożliwić formularzowi wyszukiwania Google indeksowanie obrazków na twojej witrynie internetowej. Zalecamy tę opcję, jeśli sprzedajesz zdjęcia online, masz witrynę internetową z fotografiami lub prowadzisz bloga podróżniczego.

Następnie można również włączyć przełącznik „Bezpieczne wyszukiwanie”, aby użytkownicy nie otrzymywali nieodpowiednich wyników dla swoich zapytań.

Po zakończeniu kliknij przycisk „Utwórz”.

Click create to generate a google search engine ID

Google wygeneruje teraz twój identyfikator wyszukiwarki.

Następnie wystarczy skopiować kod i wkleić go do aplikacji Notatnik lub zwykłego edytora tekstu.

Copy the Google Search Engine ID from the website

Teraz musisz przejść na kokpit WordPress i edytować pliki motywu, aby dodać wyszukiwanie do <body> twojej witryny. Może to być jednak ryzykowne, a najmniejszy błąd może zepsuć twoją witrynę internetową.

Dlatego zamiast tego zalecamy korzystanie z WPCode. Jest to najlepsza na rynku wtyczka do fragmentów kodu WordPress, która umożliwia bezpieczne i łatwe dodawanie własnego kodu.

Najpierw należy zainstalować i włączyć wtyczkę WPCode. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Uwaga: WPCode ma darmowy plan, który można wykorzystać w tym poradniku. Uaktualnienie do wersji pro daje jednak dostęp do większej liczby funkcji, takich jak inteligentna logika warunkowa, biblioteka fragmentów kodu w chmurze i wiele innych.

Po włączaniu przejdź na stronę Fragmenty kodu ” + Dodaj fragment z panelu bocznego administratora WordPress. Tutaj kliknij przycisk „Użyj fragmentu” pod opcją „Dodaj swój konfigurator kodu (nowy fragment)”.

Add new snippet

Spowoduje to przejście do strony „Utwórz własny fragment kodu”, na której można wpisać dowolny rodzaj nazwy fragmentu kodu. Następnie wybierz „Universal Snippet” jako rodzaj kodu z rozwijanego menu po prawej stronie.

Gdy to zrobisz, po prostu wklej identyfikator wyszukiwarki Google w polu „Podgląd kodu”.

Paste the Google Search Engine ID into WPCode preview box

Następnie przewiń w dół do sekcji „Wstaw” i wybierz tryb „Auto Insert”. Po włączaniu, formularz wyszukiwarki Google zostanie automatycznie dodany do twojej witryny.

Następnie możesz rozwinąć menu rozwijane „Lokalizacja”, aby wybrać miejsce, w którym chcesz wyświetlać swoje pole wyszukiwania.

Na przykład, jeśli chcesz wyświetlać formularz wyszukiwania na górze wszystkich twoich stron i wpisów, możesz wybrać opcję „Wstaw przed wpisem”.

Choose location and insertion for the search engine ID

Następnie przewiń z powrotem do góry i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Na koniec kliknij przycisk „Zapisz fragment kodu”, aby zapisać twoje ustawienia.

Save Google Search Engine ID snippet

Pomyślnie dodano formularz wyszukiwania witryny Google ręcznie.

Możesz teraz przejść na Twój blog WordPress, aby zobaczyć go w działaniu.

Google Search preview

Alternatywa: Użyj SearchWP, aby stworzyć niesamowity formularz wyszukiwania

Jeśli masz trudności z dodaniem Google Site Search do swojej witryny lub szukasz alternatywy, możesz użyć SearchWP do wyszukiwania wewnętrznego.

Jest to najlepsza wtyczka wyszukiwania WordPress na rynku, która automatycznie zastępuje domyślny formularz wyszukiwania i pozwala użytkownikom znaleźć wszystko, czego potrzebują na twojej witrynie.

The SearchWP search plugin for WordPress

SearchWP jest używany przez ponad 50 000 witryn internetowych i umożliwia tworzenie niestandardowej skali trafności w celu dostosowania algorytmu wyszukiwania.

Możesz także umożliwić przeszukiwanie dowolnej części Twojej witryny, w tym plików PDF, niestandardowych typów treści, multimediów, komentarzy, pól własnych, produktów WooCommerce i nie tylko.

Jeśli masz wielojęzyczną witrynę, możesz również utworzyć wielojęzyczne wyszukiwanie za pomocą wtyczki.

Configure SearchWP engine settings

Należy jednak pamiętać, że w przeciwieństwie do wyszukiwarki Google, wtyczka może indeksować i wyświetlać wyniki tylko dla treści dostępnych w twojej witrynie internetowej.

Więcej szczegółów można znaleźć w naszym poradniku na temat tego, jak usprawnić wyszukiwanie w WordPressie za pomocą SearchWP.

Film instruktażowy

Nie jesteś fanem czytania instrukcji? Nie ma problemu! Stworzyliśmy przydatny poradnik wideo, który przeprowadzi Cię przez cały proces:

Subscribe to WPBeginner

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo dodać wyszukiwarkę Google do witryny WordPress. Możesz również zapoznać się z naszym przewodnikiem dla początkujących, jak dodać funkcję wyszukiwania głosowego do twojej witryny WordPress i naszym poradnikiem, jak sprawić, by wpisy na blogu można było przeszukiwać w WordPress.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

84 komentarzeZostaw odpowiedź

  1. Syed Balkhi

    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. Ruhul Mashbu

    When I insert the google engine id the plugin automatically creates a page where the search result will be displayed. But what I need is to change the link of the page where the search result will be displayed. How can I do that?

  3. Yohan Perera

    I am using the WP Google Search Plugin. I was so frustrated because I couldn’t get the search icon show. Your tip on customizing the search box through the dashboard in Google Custom Search solved the problem.

  4. Graham FB

    Cool artricle but what I wanted to have a the custom search box in the centre of a blank page as if it was a google search page. I found the plugin Blank Slate which gives the blank page just not sure how to either center and limit the width of the search box either by code or shortcode any ideas ??

  5. Saurabh Saneja

    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 :)

    When i tried it first it didn’t work because I registered website as http(s) or didn’t enclose the code within a div so it really gave e a hard time. Anyway i am all thanks for your help!!

    Thanks again :)

  6. Dwi Okta N

    oh.. use the plugin. Iam just know it.

    thx for info..

  7. Craig

    I figured it out. My Search Result page wasn’t published yet.

  8. Craig

    It works exactly how I want it to, searching 2 different web sites, as long as I am logged into WP Admin. Once I’m no longer logged in to the WP Admin I get

    Not Found
    Apologies, but the page you requested could not be found. Perhaps searching will help.

    What step did I miss?

    • Dibyandu Pal

      I don’t have much idea about web designing and further customizing. I am learning wordpress blogging from last 5 months, and I think it may be due to a problem while publishing your search result page. There is a visibility option in edit page mode. If that page is private or password protected, this problem you said may arise. If it is done so, make it public..

  9. Stacey

    Can the Google Search be used on Internal company websites?
    If so how is this accomplished?

  10. Shri

    Plugin method works well for me. But I am trying to replace theme’s native menu bar search functionality with CSE. Its wordpress native search only. So manual editing searchform.php method should work for me.
    But after editing searchform.php my search widget vanishes from sidebar. I am using Colormag theme by themegrill.
    Looking out for a help.

    I am also keen to see mentioned in above comment but this site is offline now. I tried to fetch it from wayback machine but couldn’t found in its past impressions.

    • Dana

      The same thing happens to me when I paste that code into searchform.php. Not sure this is proper as searchform.php by default is an HTML form. The code copied from Custom Google Search is a JavaScript tag…. should this even work??

  11. Waleed Younas

    Really Helpful topic as always.

    I am using a Plugin in my Site. How can I exclude ads from Search Results

  12. Jackson

    Hi Wpbeginner,

    This worked like charm! The manual method is just as awesome as you wrote. Google custom search now showing on my site!

    Thank you so much.

  13. Claire Brotherton

    Can you only implement custom search when the site is live and indexed by Google? If it’s hidden or password protected, can it be added then?

  14. Susanna

    I am trying to add Google Search with the Plugin to my website. I got as far as the step where I am supposed to paste the search engine ID into the WP Google Search’s settings page. My settings page does not seem to have any place where I can do this. Can you tell me where the ID should be pasted and what it is called?

    Thanks.

  15. fdecicco

    the manual way of doing this is poorly described and a total waste of time. If you gonna do something do it right ir dont do it at all.

    • WPBeginner Support

      If you are having difficulty using the manual method, then please try the first method. It is easier to add Google Search with the help of a plugin. If you need to do it manually, then please let us know which part isn’t clear and we will try to explain it here.

      Administrator

      • saajan bedi

        Manually Adding Google Search doesn’t work (I’m using colormag theme), U need to Update the article

  16. phil davis

    By using this search plug-in will I be able to see a report on what words were typed in the box to search for?

    I want to know what people are searching for, so I can create content based on their search.

  17. Ameer Shaik

    I have updated through plugin method. Only search button is not displayed properly. Please suggest(The text „Search” is moved down, only top portion is visible). Pl suggest

  18. Bruno Bezerra

    Beautiful tool! Having a search field is more than necessary.

  19. Jennifer

    Another awesome tutorial – I didn’t even know it was possible to use Google Search like this! I’ve now got this running on my website, thanks so much!

  20. Imran Khan

    Nice post, very helpful as well as easily understandable. I have also created my custom search bar by following your steps. Thanks for sharing this great post with us.

  21. Angelo

    Hi!

    Do we have to choose among among the 5 font options available or we can import a font we like better?

  22. wiziwiz

    how to set it so the results when clicked open in the content area?

    • wiziwiz

      otherwise thanks and awesome post

  23. Eric Kazda

    Can somebody tell me why this is a more beneficial search than using the standard WordPress search form? Are there SEO implications? I’m just not sure why anyone would use this over the standard search.

    • Adam Connell

      I generally find that whenever I search a website for a topic, and it’s using WordPress default search – I’ll get VERY poor results.

      They’ll lack relevance.

      By using Google’s custom search, you won’t get any SEO benefits but your readers will find it easier to get what they’re looking for.

  24. Priti

    In „Search by Google” how to we specify the our google search id ? In widget don’t we have to keep the google search engine id?

  25. Carol Long

    Hi – can you tel me please how to remove this? I have just seen it appear on all my pages and I don’t want it at all!

    Many thanks

  26. Richard Bishop

    Hello, and thank you for creating this post and video. I really found it to be helpful in terms of providing better search results for my site WarCraft Press.

    I would however say that you should have pointed out at the beginning of the lesson there are 2 ways to accomplish this task. I did it once with out the plugin then later realized there was a plugin for it.

    That said thanks again for a great lesson and I certainly look forward to future lessons!

    Kombear
    WarCraft Press

  27. cowboy Mike

    Howdy,
    I have seen you recommend editing wp files and wp theme template files like you have in this article for the searchform.php file.

    My concern is when there is a theme update or wordpress update wouldnt the changes to the searchform.php suggested here be lost after for example a theme update?

    Happy trails, Mike

  28. Shahadat Hossain

    can i use google custom search box and wp normal box all together in my site. or i will have to use only one search box between two of this search box

  29. Nasser

    How to make a search bar that join to google? Not just a small windows as Custom google search. Exactly work as google search.
    Thanks.

  30. Caroline

    The search results opens up in a new window, how can I open them in my search.php?

  31. Ramesh Tatipigari

    Hi ,

    I want to add google search bar to every post of my wordpress site or i want to add google search bar to below main menu could you please help me regarding this.

  32. boooka

    my search terms cannot be seen. what happened

  33. Day Milovich

    i prefer to change wordpress search completely with google custom search engine to get better traffic from google.

  34. Rahul Yadav

    Hi, I would like to know how to use google custom search in menus like you use……..

  35. Javed Ahmadzai

    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. :(

  36. Raghu

    Hi, I would like to know if I can use google custom search for my intranet portal. I have setup wikipedia for internal purpose and I would like to integrate google custom search for this, however I am not getting result when I integrate.
    So the question is: Is google custom search meant only for public websites?

  37. Rajnish

    Really helpful post. I integrated search box for my Website successfully. Thanks WPBeginner :)

  38. Chris

    Hi, I went through these steps exactly for my Wordpress site, but the search box doesn’t appear anywhere. There are no .js errors in the console. I put a border around the containing div and the border appears, but there’s nothing inside it. I pasted the code I generated from Google inside searchform.php. As a test I also tried pasting the google code on a test page, but still no luck.

    Any ideas on troubleshooting?

  39. Deepak Singh

    Can you please guide me how we cana dd Custom Search in genesis child theme. I tried many tutorials but none of them work.

    • WPBeginner Support

      Genesis is a theme framework, you should check out their documentation or use support forums.

      Administrator

  40. Joy Baker

    Oops. Guess the form requires pre tags or something.

  41. Joy Baker

    Forgive my newbie status, but when pasting the code into the search.php of my theme’s search page, do I replace the code in the page with Google’s code? I am an idiot when it comes to php code. I know what it looks like, what the opening/closing tags look like, but I have no idea what you mean when you say paste the code in the page.

    Where? Replace it all or between the opening/closing tags or… ???

    Current code looks like this:


    So, do I replace the entire code in the page with the custom Google Search I’ve created?
    Google code:


    Thanks for any help you can give.

  42. David Trees

    Thanks for a very well written article. It is easy to read and follow,even for a complete newbie.

    The only thing I don’t get, is how to do this;

    „If your theme does not have a searchform.php file, then you need to create one using a text editor like Notepad and upload it to your theme directory using FTP client”

    Remembering I am a newby. I did instal my WP site to my shared hosting by following clear instructions, using FTP. So I guess I am saying how does one create the searchform.php file?

    Thanks again.

    • WPBeginner Support

      Open your FTP client and connect to your shared hosting site. Navigate to /wp-content/themes/ directory. Click on the theme you are using. For example if you are using twentytwelve theme you will see a directory twentytwelve there, open it. Once you have opened your theme directory in your FTP client, right click and select 'Create new file’. A new dialog box will appear enter searchform.php as the file name. That’s all you have created searchform.php file.

      You can also create this file on your computer by opening a plain text editor like notepad and save file as searchform.php, after creating the file you can upload it to your theme directory using an FTP client.

      You can edit this file from inside your WordPress Admin area. Go to Appearance » Editor and click on searchform.php file from the list of files on the right.

      Administrator

      • Patricia

        I tried to do just that but something else happened. The search box disappeared and was replaced by an ad. The widgets below the search widget area in my primary sidebar also disappeared. I’ll figure this out soon. It’s a pretty nifty feature.

  43. Abhisek

    This is a very simple and easy to digest. But, if anyone want to use his/her theme’s default search bar and display the search results then how will he integrate google cse with his theme’s search, I found a great and simple method, it just requires editing your search.php file of your theme, just replace the php statement that is responsible for showing the search results. Feel free to read the full post at my blog :

  44. George Byers

    Thats great and all… but my search field is on the menu bar.

    • WPBeginner Support

      Look in the code if it is using the function <?php get_search_form(); ?> then this method should work for you.

      Administrator

  45. John

    Thanks so much! You always have the best tutorials.

    John

  46. Huzaima Khan

    Really helpful post. I integrated search box for my blog successfully. Thanks WPBeginner :)

  47. amrilio

    Can you tell me, how to make share & comment button like your blog? please

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.