इस पेज पर कॉन्टेक्स्ट फ़ाइल का इस्तेमाल करके, अपने सर्च इंजन के दिखने के तरीके को पसंद के मुताबिक बनाने का तरीका बताया गया है. कॉन्टेक्स्ट फ़ाइल, आपके सर्च इंजन के लिए एक्सएमएल स्पेसिफ़िकेशन है.
- खास जानकारी
LookAndFeel
एलिमेंटLookAndFeel
एलिमेंट के एट्रिब्यूटLookAndFeel
के चाइल्ड एलिमेंट- Google के होस्ट किए गए नतीजों वाले पेज पर लोगो जोड़ना
खास जानकारी
Programmable Search Engine के कंट्रोल पैनल का इस्तेमाल करने के अलावा, कॉन्टेक्स्ट की एक्सएमएल फ़ाइल में बदलाव करके, अपने सर्च इंजन के लुक और स्टाइल को कंट्रोल किया जा सकता है. (बुनियादी बातें पेज पर जाकर, हर फ़ॉर्मैट के फ़ायदे और नुकसान के बारे में ज़्यादा जानें.) अगर आपको कॉन्टेक्स्ट फ़ाइलों की जानकारी नहीं है, तो कॉन्टेक्स्ट: सर्च इंजन को तय करना लेख पढ़ें.
अपने सर्च इंजन को बेहतर तरीके से दिखाने के लिए, Programmable Search Element का इस्तेमाल करें. इसकी मदद से, JavaScript का इस्तेमाल करके Programmable Search Engine को वेबपेज और अन्य ऐप्लिकेशन में एम्बेड किया जा सकता है.
अगर आपके वेबपेजों में स्ट्रक्चर्ड डेटा भी शामिल है, तो बेहतर प्रज़ेंटेशन और कस्टम कॉन्टेंट वाले स्निपेट बनाए जा सकते हैं. नतीजों के स्निपेट को अपनी पसंद के मुताबिक बनाने के बारे में ज़्यादा जानकारी.
अपने Programmable Search Engine के लुक और स्टाइल को डिज़ाइन करने से पहले, Programmable Search Engine को लागू करने के दिशा-निर्देश पढ़ें. यह एक छोटा दस्तावेज़ है, जिससे पता चलता है कि आपको Google की ब्रैंडिंग और एट्रिब्यूशन को कैसे मैनेज करना चाहिए.
LookAndFeel
एलिमेंट
कॉन्टेक्स्ट फ़ाइल में, CustomSearchEngine
के तहत LookAndFeel
एलिमेंट से, रंग-रूप की सभी खास जानकारी को दिखाया जाता है. इस एलिमेंट से तय होता है कि विज्ञापन दिखाए जाएंगे या नहीं, खोज नतीजों के सेक्शन को कैसे रेंडर किया जाएगा, और अलग-अलग खोज के नतीजे कैसे दिखाए जाएंगे. इस उदाहरण में, 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 के होस्ट किए गए सर्च इंजन के लिए किया जाता है. अगर आपका सर्च इंजन "सर्च एलिमेंट" होस्टिंग विकल्प का इस्तेमाल करता है, तो इस एट्रिब्यूट को अनदेखा कर दिया जाता है.
जब आप Control Panel के खास जानकारी पेज से, सर्च इंजन की संदर्भ फ़ाइल डाउनलोड करते हैं, तो आपको पूरी तरह से तय किया गया LookAndFeel
सेक्शन दिखेगा. यहां तक कि आपके चुने गए सर्च इंजन के टाइप के हिसाब से जो एट्रिब्यूट और एलिमेंट काम के नहीं हैं उनके लिए भी वैल्यू तय होंगी. ये सिर्फ़ डिफ़ॉल्ट वैल्यू हैं. इन्हें अनदेखा करें. सिर्फ़ उन एलिमेंट और एट्रिब्यूट पर ध्यान दें जिनसे आपके सर्च-इंजन टाइप पर असर पड़ता है.
अगले सेक्शन में इन बातों पर चर्चा की गई है:
LookAndFeel
एलिमेंट के एट्रिब्यूट
सभी LookAndFeel
एट्रिब्यूट ज़रूरी नहीं हैं. अगर इनकी जानकारी नहीं दी जाती है, तो Programmable Search Engine डिफ़ॉल्ट वैल्यू का इस्तेमाल करेगा. उदाहरण के लिए, अगर आपने LookAndFeel
एलिमेंट का element_layout
एट्रिब्यूट नहीं दिया है, तो Programmable Search Engine, इसे element_layout
की वैल्यू के तौर पर "1"
मानेगा. सभी एट्रिब्यूट, हर तरह के सर्च इंजन के लिए काम के नहीं होते.
एट्रिब्यूट की वैल्यू तय करने के आपके तरीके के मुताबिक, Programmable Search Engine, खोज बॉक्स और खोज के नतीजों के लिए कोड का एक सेट जनरेट करता है. अपने सर्च इंजन के 'खास जानकारी' पेज के कोड पाएं सेक्शन में जनरेट किए गए कोड की झलक देखी जा सकती है. जनरेट किए गए कोड स्निपेट को कॉपी करके, उसे अपने वेबपेज में डाला जा सकता है.
यहां पूरी तरह से तय किए गए एट्रिब्यूट वाले LookAndFeel
एलिमेंट का उदाहरण दिया गया है:
<LookAndFeel googlebranding="watermark" element_layout="1" theme="1" custom_theme="false" text_font="Arial, sans-serif" />
इस टेबल में, CustomSearchEngine
के एट्रिब्यूट और उनकी वैल्यू की सूची दी गई है.
ध्यान दें: सिर्फ़ उन एट्रिब्यूट की वैल्यू तय करें जो आपके चुने गए होस्टिंग विकल्प के लिए काम की हों. होस्टिंग के विकल्प कॉलम से पता चलता है कि ये एट्रिब्यूट किन होस्टिंग विकल्पों पर लागू होते हैं.
एट्रिब्यूट | होस्ट करने के विकल्प | ब्यौरा | वैल्यू |
---|---|---|---|
googlebranding |
Google द्वारा होस्ट किया गया | यह आपके सर्च इंजन के लिए खोज बॉक्स तय करता है. | इनमें से किसी एक वैल्यू का इस्तेमाल करें:
|
element_layout |
सर्च एलिमेंट | यह तय करता है कि पेज में खोज बॉक्स और खोज के नतीजे कैसे दिखाए जाएंगे. अलग-अलग लेआउट विकल्पों के बारे में ज़्यादा जानने के लिए, सर्च एलिमेंट लेआउट देखें. |
इनमें से किसी एक वैल्यू का इस्तेमाल करें:
|
theme |
सर्च एलिमेंट | इससे खोज बॉक्स और खोज के नतीजों की स्टाइल तय की जाती है. | इनमें से किसी एक वैल्यू का इस्तेमाल करें:
|
custom_theme |
सर्च एलिमेंट | स्टैंडर्ड की तुलना में अलग-अलग रंग और फ़ॉन्ट फ़ैमिली दिखाने के लिए, थीम को पसंद के मुताबिक बनाने के लिए, वैल्यू को true पर सेट करें. अगर ऐसा नहीं है, तो Programmable Search Engine, रंगों और फ़ॉन्ट में किए गए उन बदलावों को अनदेखा कर देता है जो LookAndFeel के चाइल्ड एलिमेंट में तय किए जाते हैं. |
इनमें से कोई एक जानकारी दें:
|
text_font |
सभी | आपके खोज नतीजों में दिखने वाले टेक्स्ट की फ़ॉन्ट फ़ैमिली सेट करता है. |
हालांकि, कंट्रोल पैनल से आपको सिर्फ़ पांच फ़ॉन्ट फ़ैमिली चुनने की सुविधा मिलती है, लेकिन कॉन्टेक्स्ट फ़ाइल में फ़ॉन्ट फ़ैमिली का ज़्यादा सेट चुना जा सकता है. आपके पास इस एट्रिब्यूट की वैल्यू के तौर पर फ़ॉन्ट फ़ैमिली की कॉमा-सेपरेटेड लिस्ट हो सकती है, जैसा कि इस उदाहरण में दिखाया गया है: text_font="Arial, sans-serif" अगर आपने एक से ज़्यादा फ़ॉन्ट फ़ैमिली को सूची में रखा है, तो ब्राउज़र पहले फ़ॉन्ट का इस्तेमाल करता है. अगर ब्राउज़र पहले फ़ॉन्ट पर काम नहीं करता, तो वह अगला फ़ॉन्ट आज़माता है. इसलिए, अपनी पसंद के फ़ॉन्ट से शुरू करें और जेनरिक फ़ैमिली पर खत्म करें, जैसे कि सेरिफ़ या san-Serif. सूची में कोई भी फ़ॉन्ट उपलब्ध न होने पर, सामान्य फ़ैमिली ब्राउज़र को सामान्य फ़ैमिली में मिलता-जुलता फ़ॉन्ट चुनने की सुविधा देता है. अगर आपने किसी ऐसी फ़ॉन्ट फ़ैमिली का इस्तेमाल किया है जिसका नाम एक से ज़्यादा शब्दों में है, तो आपको इसे कोटेशन इकाइयों ( |
LookAndFeel
के चाइल्ड एलिमेंट
Promotions
एलिमेंट को छोड़कर, LookAndFeel
के सभी चाइल्ड एलिमेंट सिर्फ़ खोज एलिमेंट से जुड़े होते हैं. Promotions
एलिमेंट के ज़्यादातर एट्रिब्यूट, सभी तरह के सर्च इंजन पर लागू होते हैं. ज़्यादातर मामलों में, चाइल्ड एलिमेंट आपके सर्च इंजन के अलग-अलग कॉम्पोनेंट के कलर को कंट्रोल करते हैं. रंग की वैल्यू, स्टैंडर्ड एचटीएमएल हेक्साडेसिमल नोटेशन हैं. अगर एलिमेंट के एट्रिब्यूट की जानकारी नहीं दी जाती है, तो Programmable Search Engine डिफ़ॉल्ट वैल्यू का इस्तेमाल करता है.
ध्यान दें: अगर आपको खोज के लिए किसी एलिमेंट को पसंद के मुताबिक बनाना है, तो चाइल्ड एलिमेंट में वैल्यू तय करने से पहले, आपको LookAndFeel
एलिमेंट के custom_theme
एट्रिब्यूट को true
पर सेट करना होगा. अगर custom_theme
एट्रिब्यूट को true
पर सेट नहीं किया जाता है, तो Programmable Search Engine, चाइल्ड एलिमेंट में तय की गई सभी वैल्यू (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 |
हर नतीजे के स्निपेट के नीचे मौजूद यूआरएल. |
background |
नतीजों वाले पूरे सेक्शन का बैकग्राउंड. |
border |
खोज एलिमेंट के चारों ओर का बॉर्डर. |
title |
खोज के नतीजों में दिखने वाले स्निपेट का टाइटल. शीर्षक हर नतीजे की पहली लाइन होता है. |
text |
नतीजे के स्निपेट का मुख्य टेक्स्ट. |
visited |
उपयोगकर्ता के क्लिक करने के बाद का लिंक. |
title_hover |
जब उपयोगकर्ता लिंक पर माउस घुमाता है, तब शीर्षक का रंग. |
title_active |
उपयोगकर्ता के लिंक पर क्लिक करने पर शीर्षक का रंग. |
Promotions
चाइल्ड एलिमेंट
Promotions
एलिमेंट, प्रमोशन के रंगों को कंट्रोल करता है. साथ ही, यह भी तय करता है कि इमेज और ब्यौरे दिखाए जाएं या नहीं. प्रमोशन की जानकारी, कॉन्टेक्स्ट फ़ाइल में दी गई है. हालांकि, प्रमोशन की एक्सएमएल फ़ाइल में प्रमोशन का कॉन्टेंट बताया गया है. ज़्यादा जानने के लिए, प्रमोशन देखें.
यहां पूरी तरह से तय किए गए एट्रिब्यूट वाले 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 |
हर प्रमोशन के नीचे मौजूद यूआरएल. |
background_color |
पूरे प्रमोशन सेक्शन के बैकग्राउंड का रंग. |
border_color |
पूरे प्रमोशन सेक्शन के चारों ओर का बॉर्डर. |
snippet_color |
प्रमोशन की जानकारी. अगर आपके प्रमोशन का ब्यौरा नहीं है, तो सेटिंग में कोई बदलाव नहीं होगा. |
show_image |
अपने प्रमोशन में इमेज दिखाने के लिए, इस एट्रिब्यूट को दिखाई जाने वाली इमेज, प्रमोशन फ़ाइल में सेट की गई है. |
show_snippet |
अपने प्रमोशन में ब्यौरा दिखाने के लिए, इस एट्रिब्यूट को ब्यौरे का कॉन्टेंट, प्रमोशन फ़ाइल में दिया जाता है. |
title_hover_color |
शीर्षक, जब उपयोगकर्ता लिंक पर माउस घुमाता है. |
title_active_color |
उपयोगकर्ता के लिंक पर क्लिक करने पर शीर्षक. |
SearchControls
चाइल्ड एलिमेंट
SearchControls
एलिमेंट, Search एलिमेंट में रिफ़ाइन करने के लिए, खोज बॉक्स और टैब के कलर कंट्रोल करता है. अगर आपने अपने सर्च इंजन में रिफ़ाइन करने के लेबल बनाए हैं, तो ये लेबल खोज एलिमेंट में टैब के तौर पर दिखते हैं. अगर आपके पास रिफ़ाइन करने के लेबल नहीं हैं, तो टैब नहीं दिखते और Programmable Search Engine, एट्रिब्यूट की वैल्यू को अनदेखा कर देता है.
अगर आपको Programmable Search Engine को ऑटोकंप्लीट करने की सुविधा चालू करनी है, तो कॉन्टेक्स्ट फ़ाइल में मौजूद CustomSearchEngine
एलिमेंट के autocompletions
एट्रिब्यूट के बारे में जानकारी देने वाला सेक्शन देखें.
यहां पूरी तरह से तय किए गए एट्रिब्यूट वाले 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: ऐसे नतीजे जिनमें अलग-अलग नतीजे दिखाए गए हैं और जिन्हें माउसओवर पर हाइलाइट किया गया है.
नतीजों में दो स्थितियां होती हैं:
- सामान्य स्थिति - जब माउस किसी नतीजे पर कर्सर नहीं घुमाता है, तो वह नतीजे के तौर पर दिखने लगता है.
- कर्सर घुमाने पर दिखने वाली स्थिति - जब कर्सर को किसी नतीजे पर कर्सर घुमाया जाता है, तो वह कैसी दिखती है.
यह एलिमेंट, अलग-अलग नतीजों के लिए कलर कंट्रोल करता है. सभी नतीजों का बैकग्राउंड बदलने के लिए, चाइल्ड एलिमेंट का रंग सेक्शन देखें.
यहां पूरी तरह से तय किए गए एट्रिब्यूट वाले 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 फ़ाइल होनी चाहिए जो किसी वेबसाइट पर होस्ट की गई हो (शायद आपकी अपनी या किसी ऐसी वेबसाइट की हो जिस पर कॉपीराइट से जुड़ी पाबंदियां न हों). इमेज के साथ किसी यूआरएल को जोड़ा जा सकता है, ताकि वह क्लिक करने लायक बन जाए.
ध्यान दें: अगर खोज के नतीजों को होस्ट करने के लिए, Programmable Search Element का इस्तेमाल किया जा रहा है, तो कंट्रोल पैनल या कॉन्टेक्स्ट फ़ाइल का इस्तेमाल करके, कोई इमेज नहीं जोड़ी जा सकती.
नीचे लोगो वाले नतीजों वाले पेज का एक उदाहरण दिया गया है.
तीसरी इमेज: इमेज वाला खोज बॉक्स
इमेज और उसका यूआरएल, LookAndFeel
एलिमेंट के तहत Logo
एलिमेंट के एट्रिब्यूट में बताया जाता है. यहां दिए गए उदाहरण में, Google के होस्ट किए गए नतीजों वाले पेज में लोगो जोड़ने का तरीका बताया गया है.
<LookAndFeel> <Logo url="http://www.ascii.com/logo.gif" destination="http://www.ascii.com/" height="90"/> ... </LookAndFeel>
यहां दी गई टेबल में Logo
एलिमेंट के एट्रिब्यूट दिए गए हैं.
एट्रिब्यूट | ब्यौरा और वैल्यू |
---|---|
url |
इमेज का यूआरएल. यह .gif, .png या .jpg फ़ाइल हो सकती है. |
destination |
अगर आपको इमेज का लिंक बनाना है, तो यूआरएल का डेस्टिनेशन तय करें. |
height |
पिक्सल में इमेज की ऊंचाई. ज़्यादा से ज़्यादा ऊंचाई 100 पिक्सल होनी चाहिए. आपको चौड़ाई की जानकारी देने की ज़रूरत नहीं है, क्योंकि Programmable Search Engine आसपेक्ट रेशियो को सेव रखता है. अगर इमेज बहुत बड़ी न हो और आपको Programmable Search Engine की मदद से, इमेज की लंबाई कम करनी हो, तो उसे तब तक न दिखाएं, जब तक इमेज की लंबाई कम न हो. |