أخر الاخبار

كيفية إظهار مقتطفات المقال لمحتوى منشور مدونة بلوجر

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


كيفية إظهار مقتطفات المقال لمدونة بلوجر

كيفية إظهار مقتطفات المقال لمحتوى منشور مدونة بلوجر - How to show article excerpts for blogger blog

بالتأكيد، عندما تبحث عن أي شيء باستخدام محرك بحث مثل Google / Bing، هناك ثلاثة أشياء بشكل أساسي ستظهر أسفل نتائج البحث. الأول هو عنوان صفحة الويب، والثاني هو عنوان URL لصفحة الويب تلك والثالث هو وصف البحث.

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

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

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




كيفية تمكين وصف البحث في مدونة بلوجر - Blogger

جميع المدونات التي تتم استضافتها على Blogger.com بغض النظر عن استخدام المجال المخصص قد تمكّن خيار وصف البحث الذي يظل معطلاً افتراضيًا. لتعيين وصف بحث المدونة، اتبع الخطوات التالية:

  1. قم بتسجيل الدخول إلى حساب بلوجر الخاص بك وانتقل إلى لوحة معلومات المدونة الخاصة بك.
  2. انقر فوق علامة التبويب "الإعدادات" ثم العلامات الوصفية "وصف البحث".
  3. الآن، انقر فوق "تفعيل وصف البحث" تحت عنوان العلامات الوصفية و حدد زر الاختيار وقم بتنشيطه لتمكين وصف البحث لمدونتك.
  4. انقر فوق تحرير تحت "وصف البحث" يمكنك الآن كتابة وصف موجز لمدونتك بلوجر ولكن تذكر بأنه يجب ألا يزيد عن 150 حرفًا.




كيفية جعل وصف البحث مرئيًا لقراء منشور مدونتك

هذه التقنية فريدة لإظهار مقتطفات منشورات مدونة مخصصة لكل منشور في مدونتك، فقط اتبع الخطوات التالية:

الخطوة الأولى: في البداية، قم بتمكين وصف البحث في Blogger كما هو موضح أعلاه. لأنه سيتضمن علامة وصف تعريفية في مصدر HTML لمدونتك <meta content = '… ..' name = 'description' />

الخطوة الثانية: الآن، سترى خيار "وصف البحث" في لوحة إعدادات النشر كما هو موضح بالصورة التالية.

كيفية جعل وصف البحث مرئيًا لقراء منشور مدونتك

في مربع وصف البحث، يمكنك كتابة ملخص مقتطف لمحتويات المقال والذي سيساعد محركات البحث ووسائل التواصل الاجتماعي. وأيضاً نجعلها مرئية للقراء. لاحظ أن الملخص أو المقتطف لكل منشور فردي يجب ألا يتجاوز 150 حرفًا (بما في ذلك المسافات).

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

الخطوة الثالثة: أضف أكواد CSS التالية إلى قالب مدونتك.
ملحوظة مهمة: قبل البدء في تغير أى شئ بقالب مدونتك، قم بعمل نسخة احتياطية حتى أذا وقعت في أخطاء يمكنك الرجوع لما سبق دون فقدان شئ.
<b:if cond='data:blog.pageType == "item"'>

<!--START SWT Post snippet by Alkoptantech -->
<div class='swt-snippet'><a 
href="https://www.alkoptantech.com/?p=468" rel="help" id="p468" target="_blank">Summary
</a><span class='swtSummary'>
 <data:blog.metaDescription/></span><!--
Tutorial at: https://www.alkoptantech.com/?p=468 
--></div><!--
END SWT Post snippet by Alkoptantech-->    </b:if>

 

الخطوة الرابعة: الأن أبحث عن <data:post.body/> في أكواد القالب وفوقها الصق الرموز التالية. سترى نفس العلامة في مكانين، الأول مخصص لقوالب الأجهزة المحمولة والآخر لزوار سطح المكتب. لذلك، يمكنك إدخال الرموز التالية قبل هذين الرمزين أو أحدهما.

في بعض القوالب المخصصة، قد ترى ثلاثة من الرمز <data:post.body/>، وبالتالي أدخل الرموز قبل كل منها، الأول <data:post.body/> لقالب الهاتف المحمول والثالث لقالب سطح المكتب. والثاني هو عرض الإعدادات الافتراضية لاستخدام نص المنشور كوصف Schema.org، من أجل FB ، Twitter ومقتطفات وسائط اجتماعية أخرى.

البحث عن <data:post.body/> اضغط في الكيبورد على Ctrl + F

.swt-snippet {/* SWT Post snippet by Alkoptantech*/
clear: both;
float: none;
margin: 10px;
padding: 5px;
text-align:center;
background: #F3F1E6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
-moz-box-shadow: 0 1px 2px #f2f2f2;
-webkit-box-shadow: 0 1px 2px #f2f2f2;}
#p468, #p468 a{
font-size: 110%;
text-decoration: none;
display: inline;
font-weight: bold;
font-family: 'Courier New', Courier, monospace;
}
span.swtSummary {
color: #575757;
font: italic 13px/21px Georgia, "Times New Roman", sans-serif;
}
#p468::after {
content: ": ";color: #140709;font-weight:bold;letter-spacing: .0625em;
/* Tutorial at: https://www.alkoptantech.com/?p=468 */}


الأن، بعد الأنتهاء من التغيرات المطلوبة احفظ القالب الخاص بك واستمتع!

يرجى عدم تعديل الكود لأنه قد يعطي خطأ لصفحات المدونة الخاصة بك. ولكن، إذا كنت لا ترغب في منح عملي جهده، فيمكنك إضافة كلمة nofollow مع المساعدة في سمة rel. هذا يعني فقط استبدل rel="help"بـrel="help nofollow"  rel="help"بـrel="help nofollow"

تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -