السلام عليكم ورحمة الله وبركاته
بالنسبة لصفحة الرئيسية ساقوم بتقسيم الشرح الى جزء خاص بمحركات البحث وجزء خاص بالمواقع الاجتماعية ليتضح الشرح اكثر
الصفحة الرئيسية المقصود بها هنا الـ Home او index.html او index.php لكي تتضح الفكرة عندكم
قائمة المحتويات
1 – محركات البحث
1 – الأوسمة العادية
هنا سنقوم باعداد الجزء المتعلق بالميتاتاج الخاص بالعنوان والوصف والكلمات المفتاحية كا هو موضح في الصورة ادناه
- اسم الموقع : يستحسن ان يكون الاسم بسيط بدون علامات او شيء من هذا القبيل
- وصف الموقع : يجب ان يحتوي على اسم الموقع حاول ان تدرج اسم موقعك لكي يتم عرض الوصف بشكل صحيح عند البحث في جوجل
- الكلمات المفتاحية : حاول ان تكتب بعض الكلمات التي تناسب موقعك ولا تقم بكتابة كلمات لا علاقة لها بمحتوى موقعك
- صورة الموقع : قم بانشاء بانر اعلاني لموقعك بمقاس 600px/300px لكي يتم عرضه عند مشاركة رابط موقعك في المواقع الاجتماعية
- رابط الناشر : ضع الرابط الخاص بك في جوجل بلوس هذا الرابط ضروري
هكذا تظهر الأوسمة في سورس الصفحة :
<title>معاينة نيوز بت</title> <meta name='description' content='معاينة قالب نيوز بت الاخباري عبارة عن موقع تجريبي للقالب '/> <meta name='keywords' content='اخبار,المغرب,اخبار مصر,اخبار السعودية'/> <link rel='image_src' href='http://demo-1.mwordpress.net/newsbt/wp-content/uploads/2015/12/banner-social.jpg'/> <link rel='author' href='https://plus.google.com/b/112152916020093250768/+MwordpressNet/posts'/> <link rel='publisher' href='https://plus.google.com/b/112152916020093250768/+MwordpressNet/posts'/>
ربما تواجه مشكلة عدم ظهور الوصف بشكل صحيح في نتائج البحث. هذا الامر يقع لان جوجل يقوم احيانا باختيار الوصف من النصوص الموجودة في موقعك والتي قد تناسب عملية البحث
ملاحظة جوجل يستعمل احيانا الوصف من مواقع اخرى مثل DMOZ لهذا قمت باضافة وسم NOODP لكي لا يتم استعمال الوصف من تلك المواقع
2 – المقتطفات الغنية
المقتطفات الغنية لن تظهر في محرك البحث حتى يتم الزحف اليها من قبل جوجل وقد يستغرق الامر مدة المرجوا مراجعة الوثيقة التالية FAQ Rich Snippets بخصوص الاستفسارات
كما تلاحظ في الصورة اعلاه المستطيل الاحمر الخاص بالبحث في الموقع يمكن تفعيله من لوحة التحكم وكذالك الامر بخصوص شعار الموقع على يمين الصفحة المشار اليه بالمربع الاحمر ناتي الان لاعدادات العرض من لوحة التحكم
- يمكنك الغاء المقتطفات الغنية لصفحة الرئيسية بشكل كامل
- يمكنك الاستغناء عن صندوق البحث فقط بتعطيل الخاصية
- يمكنك تحديد الشعار الذي تود استعماله
بالنسبة لشعار يجب تحديده كي لا يتم ظهور خطأ اثناء زحف محرك البحث لانه اذا وجد اخطاء في المقتطفات الغنية فلن يقوم بعرضها وهذا من الاسباب التي ذكرت في الوثيقة التي وضعت رابطها اعلاه
المرجوا التاكد من عدم وجود مشاكل في المقتطفات الغنية باستعمال الادة التالية : Structured Data Testing Tool
هكذا تجد المقتطفات الغنية في سورس الصفحة :
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"Organization","name":"\u0645\u0639\u0627\u064a\u0646\u0629 \u0646\u064a\u0648\u0632 \u0628\u062a","description":"\u0645\u0639\u0627\u064a\u0646\u0629 \u0642\u0627\u0644\u0628 \u0646\u064a\u0648\u0632 \u0628\u062a \u0627\u0644\u0627\u062e\u0628\u0627\u0631\u064a \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u0645\u0648\u0642\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0644\u0642\u0627\u0644\u0628 ","logo":"http:\/\/demo-1.mwordpress.net\/newsbt\/wp-content\/uploads\/2015\/12\/banner-social.jpg","url":"http:\/\/demo-1.mwordpress.net\/newsbt\/","sameAs":["http:\/\/twitter.com\/Mwordpres","http:\/\/facebook.com\/Mwordpress.fan","http:\/\/plus.google.com\/112152916020093250768","http:\/\/www.youtube.com\/channelwparabe"],"potentialAction":{"@type":"SearchAction","target":"http:\/\/demo-1.mwordpress.net\/newsbt\/\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
2 – مواقع التواصل الاجتماعية
1 – تويتر (Card data)
هذه الاعدادات تحتاجها عند مشاركتك رابط موقعك في تويتر او رابط المقالات
1 – الـ Summary Card – الوسم (twitter:card)
هي الصورة الخاصة بموقعك التي ستظهر عند مشاركة رابط الصفحة الرئيسية في تويتر مثال على الصورة العريضة
للمزيد من المعلومات بخصوص Summary Card راجع وثائق المساعدة الخاصة بتويتر
2 – حساب موقعك – الوسم (twitter:site)
اذا كان لديك حساب تويتر خاص فقط بالموقع يمكنك وضع اليوزر الخاص به في القل المشار اليه في صورة الاعدادات بالرقم 2
هكذا تظهر في الـ Card data
3 – حسابك – الوسم (twitter:creator)
بالنسبة لحسابك فهو يستعمل فقط في المقالات والصفحات هو مخصص لتعريف الاشخاص الذي يقومون بكتابة مقالات في موقعك بادراج اسمهم في card data سوف نتطرق له لاحقا
هكذا تظهر أوسمة تويتر في سورس الصفحة :
<meta property='twitter:card' content='summary_large_image' /> <meta property='twitter:site' content='@Mwordpress' /> <meta property='twitter:creator' content='@Mwordpress' /> <meta property='twitter:title' content='معاينة نيوز بت' /> <meta property='twitter:description' content='معاينة قالب نيوز بت الاخباري عبارة عن موقع تجريبي للقالب ' /> <meta property='twitter:image' content='http://demo-1.mwordpress.net/newsbt/wp-content/uploads/2015/12/banner-social.jpg' />
لا تنسى التحقق من الاوسمة عن طريق اداة تويتر Card validator لكي تتجنب الاخطاء
2 – فيسبوك Open Graph
هذه الاعدادات تحتاجها عند مشاركتك رابط موقعك او رابط المقالات في فيسبوك
بالنسبة لتفعيل تطبيق فيسبوك يجب عليك اولا انشاء تطبيق فيسبوك والحصول على معرف الحساب هذه المعلومات ضرورية لازرار المشاركة والاعجاب والتعليقات ايضا
- تفعيل التطبيق في حالة اردت استعماله
- معرف الحساب ضروري في حالة قمت بتفعيل التطبيق
- معرف التطبيق ضروري في حالة قمت بتفعيل التطبيق
- رابط صفحة موقعك على فيسبوك يستعمل عند نشر مقال في الفيسبوك سنتطرق له لاحقا
- رابط حسابك على فيسبوك يستعمل عند نشر مقال في الفيسبوك سنتطرق له لاحقا ايضا
هذا مثال لنشر الصفحة الرئيسية في فيسبوك
هكذا تظهر أوسمة فيسبوك في سورس الصفحة :
<meta property='og:title' content='معاينة نيوز بت' /> <meta property='og:type' content='website' /> <meta property='og:url' content='http://demo-1.mwordpress.net/newsbt/' /> <meta property='og:image' content='http://demo-1.mwordpress.net/newsbt/wp-content/uploads/2015/12/banner-social.jpg' /> <meta property='og:description' content='معاينة قالب نيوز بت الاخباري عبارة عن موقع تجريبي للقالب ' /> <meta property='og:site_name' content='معاينة نيوز بت' /> <meta property='fb:admins' content='100001609711547' /> <meta property='fb:app_id' content='485684494849912' />
لتحقق من عدم وجود مشاكل في الاوسمة استعمل الاداة الخاصة بفيسبوك لتنقيح الاخطاء Facebook Debugger Tool
