• آموزش ساخت سایت و رساندن آن به درآمد

آموزش قرار دادن جستجوی گوگل در سایت + آموزش ویدیویی

قرار دادن جستجوی گوگل در سایت

در این بخش برای شما به طور کامل آموزش نحوه قرار دادن فرم جستجوی گوگل در سایت را شرح میدهیم، در ابتدا شما را با پارامترهای گوگل اشنا میکنم، هنگامی که عبارتی را در گوگل جستجو میکنید یکسری پارامترهایی در نوار آدرس میبینید که با علامت & جدا شده اند.

همانطور که میبینید حرف q مخفف عبارت query یا پرس و جو است و عبارت بعد از آن کلمه ی که جستجو کردید، در این حالت، گوگل در تمام وب، عبارت درخواست شده را جستجو می کند و نتایج نمایش داده شده از تمام سایت ها و وبلاگ ها می باشد.

حال اگر بخواهید جستجو را محدود به سایت خود کنید، از یک پارامتر دیگر به نام sitesearch طبق شکل زیر استفاده کنید.

سپس تمام نتایجی که نشان داده می شود فقط مربوط به سایت میهن وردپرس می باشد.

 

در تاریخ ۲۵ آذر ۱۳۹۶ ویدیو آموزشی قرار دادن فیلد جستجوی گوگل در وبسایت افزوده شد.

 

ایجاد فرم جستجوی گوگل

در ابتدا یک فرم  با کد html ایحاد کنید، کد زیر را در یک ویرایشگر نوشته و با پسوند html ذخیره کنید.

استایل دهی، متن دکمه جستجو، عرض باکس را میتوانید به صورت دلخواه خود تغییر دهید، تنها مقادیر value برای فیلد q پر کنید و همچنین فیلد sitesearch آدرس کامل سایت یا خود را به جای https://mihanwp.com جایگزین کنید.

به علاوه اگر قصد دارید پنجره جستجو در صفحه جدید باز کنید میتوانید در اخر تگ form عبارت target=”_blank” اضافه کنید.

حتی میتوانید این امکان را به فرم جستجو خود اضافه کنید، یک عبارت به صورت پیش فرض در فیلد جستجو قرار دهید که هنگامی که کاربر داخل باکس کلیک میکند عبارت پیش فرض محو شود و هنگامی که بیرون از باکس کلیک میکنید عبارت پیش فرض مشاهده شود.

کد جاوا اسکریپت زیر در قسمت هدر قالب بین تگ <head> اضافه کنید.

کد زیر برای فیلد جستجو یا عبارت پیش فرض در تگ <body> قرار دهید.

اکنون میتوانید فیلد جستجو خود را مشاهده کنید و یک جستجو قوی و کاربردی و آسان در سایت خود داشته باشید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

آنلاین یاد بگیرید

نظرات کاربران

  1. 19 شهریور 1396 ساعت 22:16

    میخواستم بدونم چطور میشه جستجو را در نتایج صفحه اصلی سایت خود در گوگل قراربدم دقیقا مثل سایت بیتوته و دانلود فارسی

  2. 2 مرداد 1396 ساعت 23:43

    با تشکر .. بسیار آموزنده و کاربردی بود .

  3. 30 تیر 1396 ساعت 00:21

    سلام اولندش تشکر بابت مطالب خوبتون
    دوماً این کدی که گذاشتین مثل این که برای من جواب نداد ولی فقط دو خط از کدهارو درون فرم جستجو خود قالب قرار دادم و نتیجه خوبی گرفتم. با این که زیاد از کدنویسی سر در نمیارم، این یکی رو اونم به لطف و زحمات شما با موفقیت انجام دادم
    خیلی دنبال همچین چیزی میگشتم. دستتون درد نکنه
    اگه امکانش هست نحوه ساخت اسلایدر (مربوط به سایت فیلم) را هم بزارید

    • رضا حسینی راد
      30 تیر 1396 ساعت 06:59

      سلام متشکرم توی سایت سرچ کنید اموزش ساخت اسلایدر

      • 1 مرداد 1396 ساعت 02:51

        سلام آقای حسینی اون اسلایدری که گذاشته بودید اگه مثل تصویر مربوطه باشه به درد سایت فیلم نمیخوره
        میخوام از تعدادی (5یا6) تصویر با اندازه های 140×240 کنار هم باشن به شکل سایت زیر
        http://you-tv.ir/

  4. 27 تیر 1396 ساعت 02:24

    سلام

    مرسی ممنون عالی بود

enamad