Sitelinks সার্চ বক্স

Sitelinks সার্চ বক্সের মাধ্যমে ব্যবহারকারীরা সার্চ ফলাফলের পৃষ্ঠায় অবিলম্বে আপনার সাইট বা অ্যাপ দ্রুত সার্চ করে নিতে পারেন। সার্চ বক্সটি রিয়েল-টাইম সাজেশন ও অন্যান্য ফিচার ব্যবহার করে।

আপনার ওয়েবসাইট সার্চ ফলাফলে দেখানো হলে Google Search নিজে থেকে আপনার সাইটে সার্চ করার জন্য সার্চ বক্স দেখাতে পারে, সেটি করার জন্য আপনাকে অতিরিক্ত কোনও কিছু করতে হয় না। এই সার্চ বক্সটি Google সার্চ দ্বারা পরিচালিত। তবে, আপনি WebSite স্ট্রাকচার্ড ডেটা যোগ করে স্পষ্ট তথ্য দিতে পারেন, যেটি Google-কে আপনার ওয়েবসাইটের প্রয়োজনীয়তা আরও ভালভাবে বুঝতে সাহায্য করে।

Sitelinks সার্চ বক্স কীভাবে প্রয়োগ করতে হয়

Google Search-এর ফলাফলে আপনার সাইট সার্চ বক্স সহ দেখানোর উপযুক্ত করে তুলতে যা যা করতে হবে সেই ধাপগুলি নিচে দেওয়া হল:

  1. আপনার ওয়েবসাইট বা Android অ্যাপে একটি কার্যকরী সার্চ ইঞ্জিন ইনস্টল করুন

    Sitelinks সার্চ বক্সে করা সার্চ কোয়েরি ব্যবহারকারীকে আপনার সাইট বা অ্যাপের সার্চ ফলাফল পৃষ্ঠায় পাঠিয়ে দেয়, তাই এই ফিচার ব্যবহার করতে আপনার একটি কার্যকরী সার্চ ইঞ্জিন প্রয়োজন।

    • ওয়েবসাইট: আপনার ওয়েবসাইটে একটি সার্চ ইঞ্জিন সেট-আপ করুন। এই ফিচার স্ট্রাকচার্ড ডেটায় উল্লিখিত সিন্ট্যাক্স ব্যবহার করে ব্যবহারকারীর কোয়েরিকে আপনার টার্গেটে পাঠিয়ে দেয়। UTF-8-এ এনকোড করা কোয়েরি আপনার সার্চ ইঞ্জিনে কাজ করতে হবে।
    • অ্যাপ: আপনার অ্যাপে কীভাবে সার্চ ইঞ্জিন সেট-আপ করতে হয় তা জানতে Android ডেভেলপার সাইটে এক নজরে Search দেখুন। আপনার Android অ্যাপে Search-এর ফলাফল থেকে পাঠানো ACTION_VIEW ইনটেন্ট কাজ করতে হবে, যেটি সম্পর্কিত ডেটা ইউআরআই আপনার মার্ক-আপের potentialAction.target প্রপার্টিতে উল্লেখ করা থাকতে হবে।
  2. আপনার সাইটের হোমপেজে WebSite স্ট্রাকচার্ড ডেটা এলিমেন্ট যোগ করুন। এই ফিচার চালু করতে প্রতিটি অ্যাপের একটি সংশ্লিষ্ট ওয়েবসাইট থাকতে হবে, যেটি এক পৃষ্ঠার হলেও চলবে। কিছু অতিরিক্ত নির্দেশ:
    • এই মার্ক-আপ শুধু হোমপেজে যোগ করবেন, অন্য কোনও পৃষ্ঠায় নয়।
    • সবসময় ওয়েবসাইটের জন্য একটি SearchAction for the website, উল্লেখ করবেন এবং অ্যাপ সার্চ যাতে কাজ করে, সেই জন্য আরও একটি আপনি ঐচ্ছিকভাবে উল্লেখ করতে পারেন। অ্যাপ আপনার পছন্দের সার্চ টার্গেট হলেও, ওয়েবসাইটের জন্য সবসময় একটি SearchAction উল্লেখ করবেন; এর ফলে ব্যবহারকারী Android ফোন ব্যবহার না করলেও বা আপনার Android অ্যাপ তার ফোনে ইনস্টল করা না থাকলেও, তিনি সার্চ ফলাফল থেকে সরাসরি আপনার ওয়েবসাইটে যেতে পারবেন।
  3. বিশিষ্ট ফলাফল পরীক্ষা ব্যবহার করে আপনার স্ট্রাকচার্ড ডেটা যাচাই করুন
  4. সার্চ ইঞ্জিনে ঠিকভাবে প্রয়োগ করা হয়েছে কিনা যাচাই করতে আপনার স্ট্রাকচার্ড ডেটা থেকে WebSite.potentialAction.target ইউআরএল কপি করুন, তারপরে পরীক্ষামূলক কোয়েরি দ্বারা {search_term_string}-কে প্রতিস্থাপিত করে কোনও ব্রাউজার থেকে ওই ইউআরএলে যান। যেমন, আপনার ওয়েবসাইট example.com হলে এবং আপনি "kittens" কোয়েরি পরীক্ষা করতে চাইলে, ব্রাউজ করে https://www.example.com/search/?q=kittens-এ যেতে হবে।
  5. আপনার ডোমেনের যে হোমপেজ আছে সেটির সব সংস্করণের জন্য rel="canonical" লিঙ্ক এলিমেন্ট ব্যবহার করে পছন্দের সেরা ইউআরএল সেট করুন। এটি আপনার মার্ক-আপের জন্য সঠিক ইউআরএল বেছে নিতে Google Search-কে সাহায্য করে। আপনার সার্ভারে UTF-8 অক্ষর এনকোডিং কাজ করতে হবে।
  6. অ্যাপের জন্য আপনার মার্ক-আপের অ্যাপ টার্গেটে উল্লেখ করা ইউআরএল যাতে কাজ করে, সেই জন্য উপযুক্ত ইনটেন্ট ফিল্টার চালু করুন। Google Search ইউআরএলের জন্য ইনটেন্ট ফিল্টার কীভাবে তৈরি করতে হয় সেটির উদাহরণের জন্য Android-এর জন্য Firebase অ্যাপ ইন্ডেক্সিং দেখুন।

উদাহরণ

Google-এ "Pinterest" বলে সার্চ করার একটি উদাহরণ দেওয়া হল, যেখানে Pinterest ওয়েবসাইটের জন্য সাইটলিঙ্ক সার্চ বক্স দেখানো হয়:

যে সাইটলিঙ্ক সার্চ বক্স ব্যবহার করা হয়

ওয়েবসাইটের Custom Search Engine ব্যবহার করে সাইটলিঙ্ক সার্চ বক্স প্রয়োগ করতে পারে এমন মার্ক-আপের উদাহরণ নিচে দেওয়া হল:

JSON-LD

এখানে JSON-LD কোডের একটি উদাহরণ দেওয়া হল:


<html>
  <head>
    <title>The title of the page</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://www.example.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://query.example.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>
মাইক্রোডেটা

এখানে মাইক্রোডেটার একটি উদাহরণ দেওয়া হল:


<div itemscope itemtype="https://schema.org/WebSite">
  <meta itemprop="url" content="https://www.example.com/"/>
  <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
    <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>
    <input itemprop="query-input" type="text" name="search_term_string" required/>
    <input type="submit"/>
  </form>
</div>
  

JSON-LD কোডে লেখা একটি সাইট এবং অ্যাপের উদাহরণ দেওয়া হল:

<html>
  <head>
    <title>The title of the page</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://www.example.com/",
      "potentialAction": [{
        "@type": "SearchAction",
        "target": "https://query.example.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },{
        "@type": "SearchAction",
        "target": "android-app://com.example/https/query.example.com/search/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

নির্দেশিকা

বিশিষ্ট ফলাফলে দেখানোর জন্য উপযুক্ত বলে বিবেচিত হতে গেলে আপনার সাইটটিকে নিম্নলিখিত নির্দেশিকা মেনে চলতে হবে।

উপরে উল্লিখিত স্ট্রাকচার্ড ডেটা আপনার সাইটে না থাকলেও Google সার্চ আপনার সাইটে সাইটলিঙ্ক সার্চ বক্স যোগ করতে পারে। নিম্নলিখিত মেটা ট্যাগ যোগ করে আপনি এটি বন্ধ করতে পারেন:

<meta name="google" content="nositelinkssearchbox" />

বিভিন্ন ধরনের স্ট্রাকচার্ড ডেটার সংজ্ঞা

আপনার কন্টেন্ট Sitelinks সার্চ বক্স সহ দেখানোর উপযুক্ত করে তুলতে প্রয়োজনীয় প্রপার্টি যোগ করুন।

WebSite-এর পরিবর্তিত প্রকার

ওয়েবসাইট ও অ্যাপ সার্চ বক্স উভয়ের জন্য Google Search, WebSite স্ট্রাকচার্ড ডেটার একটি পরিবর্তিত ধরন ব্যবহার করে। WebSite -এর সম্পূর্ণ সংজ্ঞা schema.org লিঙ্কে দেওয়া আছে, কিন্তু Google Search এই স্ট্যান্ডার্ড পুরোপুরি মেনে চলে না। এই প্রসঙ্গে নিচে একটি বিবরণ দেওয়া হল।

প্রয়োজনীয় প্রপার্টি
potentialAction

একটি বা দুটি SearchAction অবজেক্টের অ্যারে

যে ইউআরআইকে কোয়েরি পাঠাতে হবে সেটির এবং যে অনুরোধ পাঠানো হচ্ছে তার সিন্ট্যাক্সের বিবরণ এই অবজেক্ট থেকে পাওয়া যায়। এই অনুরোধ গ্রহণ করতে পারে এবং জমা দেওয়া স্ট্রিং নিয়ে উপযুক্ত সার্চ করতে পারে এমন ওয়েব পৃষ্ঠা বা ইনটেন্ট হ্যান্ডলার আপনাকে ব্যবহার করতে হবে। ব্যবহারকারী Android অ্যাপ ব্যবহার না করলে (অথবা Android অ্যাপ ব্যবহার করলেও Android ইনটেন্ট টার্গেট উল্লেখ না করা থাকলে), উল্লিখিত লোকেশনে সার্চ বক্স কোয়েরির ওয়েবসাইট ভার্সনকে পাঠিয়ে দেবে; ব্যবহারকারী Android ডিভাইস ব্যবহার করলে ও Android ইনটেন্ট ইউআরআই উল্লেখ করা থাকলে, এটি সেই ইনটেন্টটিকে পাঠিয়ে দেবে।

ডেস্কটপে সার্চ চালু করতে, সবসময় একটি SearchAction তৈরি করা উচিত। এছাড়াও অ্যাপ সার্চের সুবিধা দিতে চাইলে, অ্যাপের জন্য অতিরিক্ত SearchAction অবজেক্ট উল্লেখ করতে পারেন। প্রতিটি SearchAction অবজেক্টে নিম্নলিখিত মেম্বার থাকবে:

potentialAction.query-input

Text

আক্ষরিক স্ট্রিং required name = search_term_string বা target-এর প্লেসহোল্ডার ব্যবহার করুন।

potentialAction.target

Text

এই ফর্ম্যাটে একটি স্ট্রিং: search_handler_uri {search_term_string}

যেমন:

https://query.example.com/search?q={search_term_string}
search_handler_uri ওয়েবসাইটের জন্য যে হ্যান্ডলার সার্চ কোয়েরি গ্রহণ করছে ও তা পরিচালনা করছে সেটির ইউআরএল; অ্যাপের জন্য, আপনার সার্চ ইঞ্জিনের যে ইনটেন্ট হ্যান্ডলার কোয়েরি পরিচালনা করছে সেটির ইউআরআই।
search_term_string

ব্যবহারকারী সার্চ বক্সের "সার্চ" বোতামে ক্লিক করলে, সার্চ কোয়েরি দ্বারা প্রতিস্থাপিত হয়ে যায় এমন একটি প্লেসহোল্ডার স্ট্রিং।

url

URL

যে সাইট সার্চ করা হচ্ছে সেটির ইউআরএল। আপনার সাইটের সেরা হোমপেজে সেট করুন। যেমন: https://www.example.org

Search Console-এর সাহায্যে বিশিষ্ট ফলাফল মনিটর করা

Google Search-এ আপনার পৃষ্ঠা কীভাবে কাজ করবে তা মনিটর করতে Search Console নামক একটি টুল সাহায্য করে। Google Search ফলাফলে অন্তর্ভুক্ত হওয়ার জন্য আপনাকে Search Console-এ সাইন-আপ করতে হবে না কিন্তু এটি Google-কে আপনার সাইট আরও ভালভাবে দেখাতে এবং সেটি বুঝতে আপনাকে সাহায্য করবে। আমরা সাজেস্ট করছি, নিচে উল্লেখ করা ঘটনার ক্ষেত্রে Search Console পরীক্ষা করার জন্য:

  1. প্রথমবার স্ট্রাকচার্ড ডেটা ব্যবহার করার পর
  2. নতুন টেমপ্লেট প্রকাশ করা বা আপনার কোড আপডেট করার পর
  3. নির্দিষ্ট সময়ের ব্যবধানে ট্রাফিক বিশ্লেষণ করা

প্রথমবার স্ট্রাকচার্ড ডেটা ব্যবহার করার পর

Google আপনার পৃষ্ঠা ইন্ডেক্স করার পরে, উপযুক্ত বিশিষ্ট ফলাফল সম্পর্কিত স্ট্যাটাস রিপোর্ট সমস্যাগুলি দেখুন। সাধারণত আপনি দেখতে পারবেন সঠিক পৃষ্ঠার সংখ্যা বাড়ছে এবং সতর্কতা বা সমস্যার সংখ্যা বাড়ছে না। আপনার স্ট্রাকচার্ড ডেটাতে সমস্যা দেখতে পেলে:

  1. সমস্যার সমাধান করুন
  2. সমস্যাটির সমাধান হয়েছে কিনা দেখতে লাইভ ইউআরএল পরীক্ষা করুন
  3. স্ট্যাটাস রিপোর্ট ব্যবহার করে যাচাইকরণের অনুরোধ করুন

নতুন টেমপ্লেট প্রকাশ করা বা আপনার কোড আপডেট করার পর

আপনি যখন নিজের ওয়েবসাইটে গুরুত্বপূর্ণ পরিবর্তন করেন, স্ট্রাকচার্ড ডেটা সম্পর্কিত সমস্যা এবং সতর্কতার সংখ্যা বেড়ে যাওয়া মনিটর করুন।
  • যদি দেখেন সমস্যার সংখ্যা বেড়ে গেছে তাহলে, আপনি হয়ত এমন নতুন টেমপ্লেট ব্যবহার করছেন যা কার্যকর নয় অথবা আপনার সাইট আগে থেকে থাকা টেমপ্লেটের সাথে নতুন কিন্তু ভুল পদ্ধতিতে ইন্টার‍্যাক্ট করছে।
  • আপনি যদি দেখেন যে, সঠিক আইটেমের সংখ্যা কমছে (সমস্যা বেড়ে যাওয়ার সাথে মিল নেই), তাহলে হয়ত আপনার পৃষ্ঠাতে আর স্ট্রাকচার্ড ডেটা এম্বেড করা হচ্ছে না। সমস্যার কারণ জানতে ইউআরএল খতিয়ে দেখার টুল ব্যবহার করুন।
  • নির্দিষ্ট সময়ের ব্যবধানে ট্রাফিক বিশ্লেষণ করা

    পারফর্ম্যান্সের রিপোর্ট ব্যবহার করে Google Search ট্রাফিক বিশ্লেষণ করুন। ডেটার সাহায্যে জানতে পারবেন, Search-এ কতক্ষণ পরপর বিশিষ্ট ফলাফল হিসেবে আপনার পৃষ্ঠা দেখানো হবে এবং সার্চের ফলাফলে সাধারণত কোথায় আপনার র‍্যাঙ্ক হবে। আপনি Search Console এপিআই-এর সাহায্যে এই ফলাফল অটোমেটিক নিয়ে আসতে পারেন।

    সমস্যার সমাধান করা

    স্ট্রাকচার্ড ডেটা প্রয়োগ করতে সমস্যা হলে, আপনি সাহায্য পেতে পারেন এমন কিছু রিসোর্স এখানে উল্লেখ করা হল।