الايميل : info@webengteam.com الهاتف : 00967.734130549

ماهي الاوسام الخاصه براس الصفحة والتي يجب ان تتواجد في كل صفحة موقع انترنت ؟

الرئيسية المدونة ماهي الاوسام الخاصه براس الصفحة والتي يجب ان تتواجد في كل صفحة موقع انترنت ؟
ماهي الاوسام الخاصه براس الصفحة والتي يجب ان تتواجد في كل صفحة موقع انترنت ؟

ماهي الاوسام الخاصه براس الصفحة والتي يجب ان تتواجد في كل صفحة موقع انترنت ؟

هناك عناصر واوسام خاصه تسمى بالانجليزية Meta Tags يجب ان تتواجد في كل صفحة موقع انترنت من اجل ظهور اكثر في مواقع ومحركات البحث ومن اجل ان تفاعل اكثر في مواقع التواصل الاجتماعي . عمل هذه الاوسام انها ترشد محركات البحث الي النص الذي يجب ان يظهر عند ظهور موقعك علي محرك البحث وكذلك عنوان صفحتك اما علي مستوى مواقع التواصل الاجتماعي ففقدان هذه الاوسام في راس صفحة موقعك لا يساعدها في اظهار رابط موقعك بالشكل المطلوب عند مشاركتة في الفيس بوك او اللنكد ان او جوجل بلس

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

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

الصورة السابقة تظهر كيف ان موقع الفيس بوك يقوم بجلب رابط الصفحة مع الصور الخاصه بها وعنوان الصفحة والنص القصير الذي يظهره كوصف للصفحة وكلة بالاعتماد علي الاوسام الخاص براس الصفحة

اوسام راس الصفحة الاعتيادية

وهي اوسام قياسية تستخدم من اجل معرفة محتوى الصفحة واظهار عنوانها في المتصفح او في محركات البحث وهذه الاوسام كثيرة وعديدة ولكن المهم منها والذي يجب ان تحرص علي ان يكون متواجدا في صفحتك هي التالية

عنوان الصفحة Page Title – وهي من اهم الاوسام فبدونها لا يظهر عنوان صفحتك سوا للزائر علي متصفح الويب الخاص به او في محركات البحث عن اظهار موقعك ضمن نتائج البحث .

شكل الوسم

<title>يتم وضع عنوان الصفحة هنا بطول يفضل ان لا يتجاوز 70 حرف </title>

وسم وصف الصفحة Meta Description – وهذا ايضا من اهم الاوسام وفية يتم ادراج نص يختصر محتوى الصفحة وموضوعها اي انه جملة او عدة جمل تختصر محتوى الصفحة كخلاصه او نص ترويجي يظهر في نتائج محركات البحث عند اظهار صفحتك ضمن نتائج البحث ويفضل ان لا يتجاوز ال 150 حرف من حيث الطول ويكون شكلة كالتالي

شكل الوسم

<meta name=”description” content=”يتم وضع محتوى هذا الوسم هنا بطول لا يتجاوز ال 150 يختصر محتوى الصفحة ”>

الاوسام الحديثة الخاصة بشبكات التواصل الاجتماعي

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

الاوسام الخاصه بالفيس بوك او ما يسمى بـ OpenGraph tags تم اظافة هذه الاوسام من قبل شبكة الفيس بوك من اجل ان يظهر موقعك وصفحتك التي تشاركها في الشبكة بشكل افضل ضمن صفحاتك وصفحة البروفيل الخاصه بك في الفيس بوك وهذه الاوسام او المهم منها الاوسام التالية

وسم عنوان الصفحة og:title وهو الوسم المقابل لعنوان الصفحة ضمن الاوسام القياسية ويكون شكلة كالتالي
<meta property=”og:title” content=”هنا يتم وضع العنوان المراد اظهاره علي الفيس بوك عندما يتم مشاركة رابط الصفحة الخاصه بالموقع”/>

وسم نوع صفحة الويب og:type نوع صفحة الموقع وبشكل عام يقع تصنيف النوع ضمن ثلاثه تصنيفات من حيث النوع اما ان يكون موقع او صفحة مدونة او صفحة موضوع مدونة blog, website , article,
<meta property=”og:type” content=”article”/>

وسم صورة الصفحة og:image يتم وضع رابط للصورة التي يجب ان تظهر حال مشاركة رابط الصفحة علي موقع الفيس بوك
<meta property=”og:image” content=”http://www.webengteam.com/some-thumbnail.jpg”/>

وسم رابط او لينك الصفحة og:url ببساطة هذا الوسم يختص بعنوان الصفحة التي يتواجد فيها الوسم ويجب تحديدة في حال كان لديك محتوى متكرر في الموقع وعلي اكثر من عنوان لنفس المحتوى هنا يمكن ان تجعل كافة الروابط تشير الي مكان واحد او الصفحة الاصلية
<meta property=”og:url” content=”http://www.webengteam.com/ar/blog/page”/>

وسم وصف الصفحة og:description هذا الوسم هو المقابل لوسم وصف الصفحة القياسي ولكن اذا اردت ان يظهر نص مختلف حين تشارك رابط معين علي الفيس بوك ضع المحتوى الذي تريدة في هذا الوسم ويتميز ان طولة اكبر من الوسم العادي ويسمح الفيس بوك باظهار اكثر من 250 حرف ويكون شكلة كالتالي
<meta property=”og:description” content=”يتم وضع المحتوى الخاص بالوسم هنا ”/>

وسم مدير الصفحة fb:admins هذا الوسم خاص بالمدير او المتحدكم بالصفحة ويتم وضع عنوان او رقمة الفريد علي الفيس بوك كمحتوى حيث يمكن للفيس بوك فيما بعد ان يظهر للشخص المحدد تفاعلات رابط صفحتة او معلومات عن من شاركها واحصائيات عن الصفحة المحددة ويكون شكلة كالتالي
<meta property=”fb:admins” content=”USER_ID”/>

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


الاوسام

شارك هذا الموضوع

باسم فرحان

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

أظافة تعليق

هل تريد أن تبدأ ؟ تواصل معنا واحصل على استشارة وعرض سعر الان

عندما تجد نفسك على وشك اتخاذ قرار بشأنتصميم / تطوير موقع ويب اختر فريق ويبنج وسترى الفرق

Google+