فایل زمینه

این صفحه نحوه سفارشی کردن ظاهر موتور جستجوی خود را با استفاده از فایل زمینه ، که مشخصات XML برای موتور جستجوی شما است، توضیح می‌دهد.

1. نمای کلی
2. عنصر LookAndFeel
3. ویژگی های عنصر LookAndFeel
4. عناصر کودک LookAndFeel
5. اضافه کردن لوگو به صفحه نتایج میزبانی شده توسط Google

نمای کلی

علاوه بر استفاده از کنترل پنل موتور جستجوی قابل برنامه ریزی، می توانید ظاهر و احساس موتور جستجوی خود را با ویرایش فایل XML زمینه کنترل کنید. (در مورد مزایا و معایب هر قالب در صفحه The Basics بیشتر بیاموزید.) اگر با فایل های زمینه آشنایی ندارید، Context: Defining a Search Engine را بخوانید.

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

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

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

بازگشت به بالا

عنصر LookAndFeel

در فایل زمینه، تمام مشخصات ظاهر و احساس توسط عنصر LookAndFeel در CustomSearchEngine تعریف می‌شوند. این عنصر تعیین می‌کند که آیا تبلیغات نمایش داده می‌شوند، بخش نتایج جستجو چگونه ارائه می‌شوند و نتایج جستجوی فردی چگونه نمایش داده می‌شوند. مثال زیر تمام ویژگی ها و عناصر فرزند عنصر LookAndFeel را نشان می دهد.

<CustomSearchEngine ... >
  <Title>...</Title>
  <Description>...</Description>
  <Context>
     ...
  </Context>
  <LookAndFeel googlebranding="watermark"
      element_layout="1" theme="1" custom_theme="false" text_font="Arial, sans-serif"/>
    <Logo />
    <Colors url="#3366cc"
            background="#FFFFFF"
            border="#336699"
            title="#0000CC"
            text="#000000"
            visited="#ffbd10"
            title_hover="#0000CC"
            title_active="#0000CC"/>
    <Promotions title_color="#006600"
                title_visited_color="#663399"
                url_color="#3366ff"
                background_color="#FFFFFF"
                border_color="#ffff33"
                show_image="true"
                show_snippet="true"
                snippet_color="#330000"
                title_hover_color="#0000CC"
                title_active_color="#0000CC" />
    <SearchControls input_border_color="#BCCDF0"
                    button_border_color="#666666"
                    button_background_color="#CECECE"
                    tab_border_color="#E9E9E9"
                    tab_background_color="#E9E9E9"
                    tab_selected_border_color="#FF9900"
                    tab_selected_background_color="#FFFFFF" />
    <Results border_color="#FFFFFF"
             border_hover_color="#FFFFFF"
             background_color="#FFFFFF"
             background_hover_color="#FFFFFF" />
  </LookAndFeel>
  <AdSense />
  <EnterpriseAccount />
</CustomSearchEngine>

همه صفات و عناصر LookAndFeel به همه انواع موتورهای جستجو مرتبط نیستند. به عنوان مثال، ویژگی googlebranding فقط برای موتورهای جستجوی میزبانی شده توسط Google استفاده می شود و اگر موتور جستجوی شما از گزینه میزبانی "عنصر جستجو" استفاده می کند نادیده گرفته می شود.

هنگامی که فایل زمینه موتور جستجو را از صفحه نمای کلی کنترل پنل دانلود می کنید، یک بخش LookAndFeel کاملاً تعریف شده را خواهید دید. حتی ویژگی‌ها و عناصری که به نوع موتور جستجویی که انتخاب کرده‌اید مرتبط نیستند، مقادیر تعریف شده‌ای خواهند داشت. اینها فقط مقادیر پیش فرض هستند. آنها را نادیده بگیرید فقط به عناصر و ویژگی هایی که بر نوع موتور جستجوی شما تأثیر می گذارد توجه کنید.

بخش های بعدی در مورد موارد زیر بحث می کنند:

• ویژگی های عنصر LookAndFeel
• عناصر فرزند عنصر LookAndFeel

بازگشت به بالا

ویژگی های عنصر LookAndFeel

تمام ویژگی های LookAndFeel اختیاری هستند. اگر آنها را مشخص نکنید، موتور جستجوی برنامه پذیر از مقادیر پیش فرض استفاده می کند. برای مثال، اگر ویژگی element_layout عنصر LookAndFeel را تعریف نکنید، موتور جستجوی برنامه‌پذیر آن را به این معنا تفسیر می‌کند که مقدار element_layout "1" است. همه ویژگی ها به همه انواع موتورهای جستجو مرتبط نیستند.

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

در زیر نمونه ای از یک عنصر LookAndFeel با ویژگی های کاملاً تعریف شده است:

<LookAndFeel googlebranding="watermark"
             element_layout="1"
             theme="1"
             custom_theme="false"
             text_font="Arial, sans-serif" />

جدول زیر ویژگی های CustomSearchEngine و مقادیر آنها را فهرست می کند.

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

بازگشت به بالا

صفت	گزینه های میزبانی	توضیحات	ارزش
googlebranding	میزبانی گوگل	کادر جستجو را برای موتور جستجوی شما تعیین می کند.	از یکی از مقادیر زیر استفاده کنید: watermark - پیش فرض smnar smwide smwidg smnarg smnarb smwidb
element_layout	عنصر جستجو	نحوه چیدمان کادر جستجو و نتایج جستجو را در صفحه تعیین می کند. برای کسب اطلاعات بیشتر در مورد گزینه‌های مختلف طرح‌بندی، به جستجوی عنصر Layout مراجعه کنید.	از یکی از مقادیر زیر استفاده کنید: 1 - پیش فرض تمام عرض. 2 - فشرده 3 - دو ستون. 4 - دو صفحه. 5 - Google-hosted: در پنجره فعلی باز کنید. 6 - Google-hosted: در یک پنجره جدید باز کنید. 7 - فقط نتایج
theme	عنصر جستجو	سبک کادر جستجو و نتایج جستجو را تعیین می کند.	از یکی از مقادیر زیر استفاده کنید: 1 - پیش فرض شبیه نتایج جستجوی گوگل است. 2 - مینیمالیست دارای پالت رنگی ساده است. 3 - Green Sky از Trebuchet به عنوان فونت استفاده می کند. 4 - Bubblegum از Arial به عنوان فونت استفاده می کند. 5 - اسپرسو از فونت سریف، جورجیا، در پالت رنگی گرم استفاده می کند. 6 - Shiny از Verdana، فونت sans-serif، در پالت رنگ سرد استفاده می کند.
custom_theme	عنصر جستجو	برای سفارشی کردن تم برای نمایش رنگ‌ها و خانواده فونت‌های مختلف از استاندارد، مقدار را روی true تنظیم کنید. در غیر این صورت، موتور جستجوی برنامه‌پذیر سفارشی‌سازی را که روی رنگ‌ها و فونت‌هایی که در عناصر فرزند LookAndFeel تعریف شده‌اند، نادیده می‌گیرد.	یکی را مشخص کنید: false - پیش فرض . گوگل تم های استاندارد را نمایش می دهد. true - موتور جستجوی قابل برنامه ریزی را تنظیم می کند تا مقادیری را که در عناصر فرزند LookAndFeel تنظیم کرده اید بپذیرد.
text_font	همه	خانواده فونت را برای متن در نتایج جستجوی شما تنظیم می کند.	اگرچه کنترل پنل به شما امکان می دهد فقط پنج خانواده فونت را انتخاب کنید، می توانید مجموعه وسیع تری از خانواده فونت را در فایل زمینه انتخاب کنید. می‌توانید فهرستی از خانواده‌های فونت را که با کاما از هم جدا شده‌اند، به عنوان مقدار این ویژگی داشته باشید، مانند مثال زیر: text_font="Arial, sans-serif" اگر بیش از یک خانواده فونت را فهرست کرده اید، مرورگر از اولین فونت استفاده می کند. اگر مرورگر فونت اول را پشتیبانی نمی کند، فونت بعدی را امتحان می کند. بنابراین با فونتی که می خواهید شروع کنید و با یک خانواده عمومی مانند serif یا san-serif پایان دهید. خانواده عمومی به مرورگر اجازه می‌دهد تا زمانی که هیچ یک از فونت‌هایی که فهرست کرده‌اید در دسترس نیست، فونت مشابهی را در خانواده عمومی انتخاب کند. اگر از یک خانواده فونت استفاده می کنید که نام آن بیش از یک کلمه است، باید آن را در بین موجودیت های نقل قول قرار دهید ( " )، برای مثال، Trebuchet MS باید به صورت "Trebuchet MS" .

عناصر کودک LookAndFeel

همه عناصر فرزند LookAndFeel ، به استثنای عنصر Promotions ، فقط به عنصر جستجو مربوط می شود. بیشتر ویژگی های عنصر Promotions برای همه انواع موتورهای جستجو اعمال می شود. در بیشتر موارد، عناصر کودک رنگ اجزای مختلف را در موتور جستجوی شما کنترل می کنند. مقادیر رنگ ها نمادهای هگزادسیمال استاندارد HTML هستند. اگر ویژگی های عنصر را تعریف نکنید، موتور جستجوی برنامه پذیر از مقادیر پیش فرض استفاده می کند.

توجه: اگر می‌خواهید یک عنصر Search را سفارشی کنید، ابتدا باید ویژگی custom_theme عنصر LookAndFeel را قبل از تعریف مقادیر در عناصر فرزند، روی true تنظیم کنید. اگر ویژگی custom_theme را روی true تنظیم نکنید، همه مقادیری که در عناصر فرزند تعریف کرده‌اید (به جز Promotions ) توسط موتور جستجوی قابل برنامه‌ریزی نادیده گرفته می‌شوند.

LookAndFeel دارای عناصر فرزند زیر است.

• Colors - رنگ های عنصر جستجو را تعیین می کند.
• Promotions - ظاهر و احساس تبلیغات را تعیین می کند. تنظیمات برای همه انواع موتورهای جستجو اعمال می شود.
• SearchControls - رنگ اجزای جعبه جستجو عناصر جستجو را تعیین می کند.
• Results - رنگ اجزای بخش نتایج عنصر جستجو را تعیین می کند.

بازگشت به بالا

عنصر کودک Colors

عنصر Colors رنگ عنصر جستجو را تعیین می کند. برای تغییر رنگ اجزای فرعی عنصر جستجو، مانند یک نتیجه جستجوی فردی یا تبلیغات، باید مقادیر را در سایر عناصر خواهر و برادر تنظیم کنید.

در زیر نمونه ای از عنصر Colors با ویژگی های کاملاً تعریف شده است:

<Colors url="#3366cc"
        background="#FFFFFF"
        border="#336699"
        title="#0000CC"
        text="#000000"
        visited="#ffbd10"
        title_hover="#0000CC"
        title_active="#0000CC"/>

جدول زیر ویژگی های اختیاری Colors و مقادیر آنها را فهرست می کند.

صفت	رنگ جزء
url	URL در پایین هر قطعه نتیجه.
background	پس زمینه کل بخش نتایج.
border	حاشیه اطراف عنصر جستجو.
title	عنوان قطعات نتایج. عنوان اولین خط هر نتیجه است.
text	متن اصلی قطعه نتیجه.
visited	پیوند پس از کلیک کاربر روی آن.
title_hover	رنگ عنوان زمانی که کاربر ماوس را روی پیوند می‌گذارد.
title_active	رنگ عنوان زمانی که کاربر روی لینک کلیک می کند.

بازگشت به بالا

عنصر کودک Promotions

عنصر Promotions رنگ های تبلیغات را کنترل می کند و همچنین تعیین می کند که آیا تصاویر و توضیحات باید نمایش داده شوند یا خیر. در حالی که ظاهر و احساس تبلیغات در فایل زمینه تعریف شده است، محتوای تبلیغات خود در فایل XML تبلیغات تعریف شده است. برای کسب اطلاعات بیشتر، به تبلیغات مراجعه کنید.

در زیر نمونه ای از یک عنصر Promotions با ویژگی های کاملاً تعریف شده است:

<Promotions title_color="#006600"
            title_visited_color="#663399"
            url_color="#3366ff"
            background_color="#FFFFFF"
            border_color="#ffff33"
            snippet_color="#330000"
            show_image="true"
            show_snippet="true"
            title_hover_color="#0000CC"
            title_active_color="#0000CC" />  

جدول زیر ویژگی های اختیاری Promotions و مقادیر آنها را فهرست می کند.

صفت	رنگ جزء
title_color	عنوان هر تبلیغ
title_visited_color	عنوان بعد از اینکه کاربر روی آن کلیک کرد.
url_color	URL در پایین هر تبلیغ.
background_color	رنگ پس زمینه کل بخش تبلیغات.
border_color	مرز اطراف کل بخش تبلیغات.
snippet_color	شرح تبلیغات. اگر تبلیغ شما توضیحی نداشته باشد، این تنظیمات چیزی را تغییر نمی دهد.
show_image	برای نمایش تصویر در تبلیغات خود، این ویژگی را روی true تنظیم کنید. پیش فرض false است. تصویر برای نمایش در فایل تبلیغاتی تنظیم شده است.
show_snippet	برای نمایش توضیحات در تبلیغات خود، این ویژگی را روی true تنظیم کنید. پیش فرض false است. محتوای توضیحات در فایل تبلیغاتی تعریف شده است.
title_hover_color	عنوان زمانی که کاربر ماوس را روی پیوند می‌گذارد.
title_active_color	عنوان زمانی که کاربر روی لینک کلیک می کند.

بازگشت به بالا

عنصر SearchControls Child

عنصر SearchControls رنگ‌های کادر جستجو و برگه‌ها را برای اصلاحات در عنصر جستجو کنترل می‌کند. اگر برچسب‌های اصلاحی را در موتور جستجوی خود ایجاد کرده‌اید، برچسب‌ها به عنوان برگه‌ها در عنصر جستجو ظاهر می‌شوند. اگر برچسب‌های اصلاحی ندارید، برگه‌ها ظاهر نمی‌شوند و موتور جستجوی برنامه‌پذیر مقادیر ویژگی‌ها را نادیده می‌گیرد.

اگر می‌خواهید موتور جستجوی قابل برنامه‌ریزی درخواست‌ها را تکمیل کند، به بخش توصیف ویژگی autocompletions عنصر CustomSearchEngine در فایل زمینه مراجعه کنید.

در زیر نمونه ای از عنصر SearchControls با ویژگی های کاملاً تعریف شده است:

<SearchControls input_border_color="#BCCDF0"
                button_border_color="#666666"
                button_background_color="#CECECE"
                tab_border_color="#E9E9E9"
                tab_background_color="#E9E9E9"
                tab_selected_border_color="#FF9900"
                tab_selected_background_color="#FFFFFF" />

جدول زیر ویژگی های اختیاری SearchControls و مقادیر آنها را فهرست می کند.

صفت	رنگ جزء
input_border_color	مرز فیلد ورودی برای عبارت های جستجو.
button_border_color	حاشیه اطراف دکمه جستجو.
button_background_color	دکمه جستجو
tab_border_color	حاشیه اطراف برگه هایی که در حال حاضر در فوکوس نیستند (توسط کاربر انتخاب نشده اند).
tab_background_color	برگه هایی که در فوکوس نیستند.
tab_selected_border_color	برگه ای که کاربر به تازگی با کلیک کردن آن را انتخاب کرده است. برگه ای که کاربر اخیراً روی آن کلیک کرده است وضعیت انتخاب شده را می گیرد.
tab_selected_background_color	رنگ برگه ای که در حال حاضر انتخاب شده است.

بازگشت به بالا

عنصر کودک Results

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

شکل 1: نتایج با نتایج فردی مشخص شده و نتیجه فردی که روی ماوس برجسته شده است.

نتایج دو حالت دارند:

• حالت عادی - ظاهر یک نتیجه فردی زمانی که ماوس روی آن شناور نیست.
• وضعیت شناور - ظاهر یک نتیجه فردی هنگامی که نشانگر ماوس روی آن شناور می شود.

این عنصر رنگ را برای نتایج فردی کنترل می کند. برای تغییر پس‌زمینه همه نتایج، بخش Color Child Element را ببینید.

در زیر نمونه ای از یک عنصر Results با ویژگی های کاملاً تعریف شده است:

<Results border_color="#FFFFFF"
         border_hover_color="#FFFFFF"
         background_color="#FFFFFF"
         background_hover_color="#FFFFFF" />

جدول زیر ویژگی های اختیاری Results و مقادیر آنها را فهرست می کند.

صفت	رنگ جزء
border_color	مرز هر فرد منجر به حالت عادی می شود.
border_hover_color	مرز نتیجه زمانی که ماوس روی آن شناور است.
background_color	رنگ پس زمینه افراد به حالت عادی می رسد.
background_hover_color	پس زمینه نتیجه زمانی که ماوس روی آن شناور است.

بازگشت به بالا

اضافه کردن لوگو به صفحه نتایج میزبانی شده توسط Google

اگر به Google اجازه می‌دهید صفحه نتایج شما را میزبانی کند، می‌توانید یک لوگو یا تصویر کوچک درست در کنار کادر جستجو در صفحه نتایج جستجو قرار دهید. تصویر باید یک فایل jpg، .png یا .gif باشد که در یک وب‌سایت (احتمالاً متعلق به شما یا از وب‌سایتی است که محدودیت‌های حق چاپ ندارد). می توانید یک URL را با تصویر مرتبط کنید و آن را قابل کلیک کنید.

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

در زیر نمونه ای از صفحه نتایج با لوگو آمده است.

شکل 3: کادر جستجو با یک تصویر

تصویر و URL آن در ویژگی های عنصر Logo در زیر عنصر LookAndFeel تعریف شده است. مثال زیر نحوه اضافه کردن لوگو به صفحه نتایج میزبانی شده توسط Google را نشان می دهد.

<LookAndFeel>
   <Logo url="http://www.ascii.com/logo.gif"
         destination="http://www.ascii.com/"
         height="90"/>
   ...
</LookAndFeel>

جدول زیر ویژگی های عنصر Logo را فهرست می کند.

صفت	توضیحات و ارزش
url	URL تصویر. این می تواند یک فایل .gif، .png یا jpg. باشد.
destination	اگر می خواهید تصویر یک پیوند باشد، مقصد URL را مشخص کنید.
height	ارتفاع تصویر بر حسب پیکسل حداکثر ارتفاع 100 پیکسل است. شما نیازی به ارائه عرض ندارید زیرا موتور جستجوی برنامه پذیر نسبت ابعاد را حفظ می کند. به خود زحمت ندهید تا ارتفاع تصویر را زیاد کنید و بخواهید موتور جستجوی قابل برنامه ریزی آن را کوچک کند.

بازگشت به بالا