كيف اضيف صندوق البحث الصوتى من جوجل لمدونة بلوجر

2

كيف اضيف صندوق البحث الصوتى أو google search voice recognition من جوجل لمدونة بلوجر

كيف اضيف صندوق البحث الصوتى من جوجلgoogle search voice recognition -لمدونة بلوجر أو بطريقه اخرى كيف اضيف محرك البحث الصوتى للبحث داخل مدونة بلوجر.

هذا الموضوع توليه شركة جوجل اهميه كبيره ومتزايده فى الفتره القادمه ،حيث أن وجود محرك البحث الصوتى يسهل للباحثين والزوار التجول داخل مواضيع مدونتك دون الرجوع للكيبورد لكتابة مايبجثون عنه.
هذا الامر يسهل ايضا السرعه فى ايجاد المعلومه وذلك لمستخدمى الهاتف او اليسك توب حيث يتم تنفيذ أمر البحث عبر الصوت وليس الكتابه.
فمثلا من خلال محرك البحث جوجل ستجد أيقونة البحث الصوتى لمحرك البحث جوجل مفعله فى خانة البحث كما بالصوره التاليه:

كيف اضيف صندوق البحث الصوتى من جوجل لمدونة بلوجر

كل ما عليك فعله هو فتح موقع Google على الويب من هاتفك المحمول أو سطح المكتب ، ويمكنك العثور على أيقونة الميكروفون الصغيرة في داخل مربع البحث. فقط اضغط على هذا رمز الميكرفون ، يمكنك التحدث الآن ، سوف تجد أن صوتك تم نقله الى نص وتظهر نتيجة البحث لك فورا.
أفضل مافى الموضوع أن الصوت يتعرف عليه محرك البحث جوجل ودون الانتظار حتى يفهم المتصفح كلماتك عبر الكتابه. سيكون هذا هو الخيار الأفضل للإدخال عبر لوحة المفاتيح لأي شخص ليس لديه فكرة عن الكتابة وهو محرك البحث الصوتى. ليس هناك شك في أن البحث الصوتي سيكون أحد أكبر اتجاهات تحسين محركات البحث (SEO) في عام 2019 ومايليها.

كيف اضيف صندوق البحث الصوتى وطريقة التركيب داخل مدونة بلوجر:

قم بنسخ الكود التالى وضعه داخل أى اضافه بالتخطيط ويفضل أن يكون بالجزء العلوى كأول مايظهر عبر الجوال من مدونتك لكى يكون ظاهر للزائر ويستطيع استخدامه للبحث داخل مدونتك.

 <!-- CSS Styles -->
<style>
  .speech {border: 1px solid #DDD; width: 100%; padding: 0; margin: 0}
  .speech input {border: 0; width: 80%; display: inline-block; height: 30px;}
  .speech img {float: right; width: 40px }
</style>


<!-- Search Form -->
<form id="arabes1" method="get" action="https://egyin24.blogspot.com/search">
  <div class="speech">
    <input type="text" name="q" id="transcript" placeholder="Speak" />
    <img onclick="startDictation()" src="//i.imgur.com/cHidSVu.gif" />
  </div>
</form>
<!-- HTML5 Speech Recognition API -->
<script>
  function startDictation() {

    if (window.hasOwnProperty('webkitSpeechRecognition')) {

      var recognition = new webkitSpeechRecognition();

      recognition.continuous = false;
      recognition.interimResults = false;

      recognition.lang = "ar-AR";
      recognition.start();

      recognition.onresult = function(e) {
        document.getElementById('transcript').value
                                 = e.results[0][0].transcript;
        recognition.stop();
        document.getElementById('arabes1').submit();
      };

      recognition.onerror = function(e) {
        recognition.stop();
      }

    }
  }
</script>

قم بتغيير رابط مدونتى الى رابط مدونتك.
بالنسبة الى اللغة فهذا البحث باللغة العربية واذا كانت مدونتك باللغة الإنجليزية فقم بتغيير رمز اللغة العربية ar-AR الى رمز اللغة الإنجليزية en-US وذلك لكى يكون البحث باللغة الإنجليزية.

طبعا البحث هنا يتم داخل مدونتك أما لو اردته من خلال محرك البحث جوجل فقم بتغيير رابط مدونتك بالكود الى رابط  جوجل .

كما قلت لك هذا الكود عند وضعه بمدونتك ستكون نتائج البحث من داخل مدونتك فقط وليس عبر جوجل ، وبعد تركيبه سيظهر بالشكل التالى :-
1- على الموبايل 

كيف اضيف صندوق البحث الصوتى من جوجل لمدونة بلوجر

2- على الديسك توب 

كيف اضيف صندوق البحث الصوتى من جوجل لمدونة بلوجر

بالطبع لو لديك خبره بسيطه فى أكواد الــ CSS تستطيع التعديل عليه ليظهر بحدود الوان القالب وتستطيع أن تضيف أى كلمات داخل مربع البحث بجوار ايقونة الميكرفون لينتبه الزائر بتوفر تلك الخاصيه بمدونتك.

إقرأ أيضا: Semantic Search ماهو البحث الدلالى فى جوجل
اتمنى أن اكون وفقت فى الشرح
مع خالص تحياتى

close

أهلا بك زائرنا الكريم 👋
مدونة تعلم سيو بلوجر أنشأناها من أجلك لشرح تهيئة المواقع لمحركات البحث SEO مجانا لك سواء موقعك على بلوجر أو الووردبريس ... فمتابعتك تشرفنا وسيصلك كل جديد على إيميلك فور نشرة

قم بالتسجيل فى نشرتنا البريديه وسيصلك جديد المواضيع فور نشرها بالمدونة

نحن لا نرسل البريد العشوائي! اقرأ سياسة الخصوصية الخاصة بنا لمزيد من المعلومات.

تعليق
  1. محمد يقول

    طريقة فاشلة ولاتعمل سيئة للغاية على الرغم انى استبدلت اسم الموقع والرابط

    1. aldewaghry يقول

      أهلا بك اخى الكريم
      اولا انا اعتذر لك فعلا الكود بعد التجربة لايعمل وقد كان يعمل وقت كتابة المقال، لكن انا حدثته بكود آخر يعمل جيدا واختبرته على مدونة لى على جهاز لابتوب وعلى الموبايل ويعمل جيدا . جرب واكتب لنا ردك هل يعمل معك ام لا بعد التعديل.
      اتمنى لك التوفيق

اترك تعليق

يرجي التسجيل لترك تعليقك

شكرا للتعليق

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More