web-design

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

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

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

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

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

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

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

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

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

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

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

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

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

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

در اینستاگرام ما: تخفیف بگیرید ٬ انرژی بگیرید و یک کسب و کار اینترنتی عالی راه اندازی کنید.فالو می کنم

پکیج های آموزشی

پیشنهاد می کنیم
نظرات کاربران
  • درخواست شما پس از تایید در سایت نمایش داده می شود. از ارسال پرسش تکراری خودداری نمایید.

avatar
مرتب سازی براساس:   جدیدترین | قدیمی ترین
farhad
farhad

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

محمد قاسمی
محمد قاسمی

درود.

باید با یک کدنویس و طراح وردپرس در تماس باشید.
بخش طراحی میهن وردپرس : design@mihanwp.com

tvsoftware@yahoo.com
tvsoftware@yahoo.com

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

naser
naser

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

رضا حسینی راد
رضا حسینی راد

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

naser
naser

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

رضا حسینی راد
رضا حسینی راد

برای این مورد باید کمی کدنویسی انجام بدید

Akbar PC
Akbar PC

سلام

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

wpDiscuz