Wednesday, July 19, 2017

شرح meta tag وكيفة استخدامها what is meta tag

شرح meta tag وكيفة استخدامها

كثيرا ما نسمع عن اهمية الـ meta tag (العلامات الوصفية) واول ما يتبادر الى ذهننا عند سماعنها لها اكود Meta description و Title و Meta keyowrd ولكن يوجد الكثر من اكواد ال meta tag بعضها مهم جدا ويجب ان يتواجد في صفحات موقعك وبعضها الاخر غير مهم وقد يسبب الضرر لموقعك فسوف نستعرض في هذا المقال تعريف العلامات الوصفية واهمها وكيفية استخدامها في موقعك



ما هي meta tag ؟

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

اهم اكواد meta tag ؟

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

title : العنوان بالرغم من انه لا يبدأ بـ “meta” الا انه يندرج تحت تصنيف اكواد الـ meta ويعتبر من اهمها وهو الجزء الذي يظهر للزائر في (SERP) عند البحث عن كلمة معينة كما في الصور التالية



ويظهر على مصدر الصفحة بالشكل التالي

<head>

<title>عالم سيو – طريقة لإحتراف السيو</title>

</head>

والطول الانسب للعنوان ان يتكون من 50 : 60 حرف ووفق لدراسة لموقع moz فقد اكد انك ان جعلت عناوين موقعك لا تزيد عن 60 حرف فسوف يظهر العنوان بشكل كامل في SERP جوجل بنسبة 90%

اهمية الـ title ؟

من العوامل الرئيسية لمساعدة محركات البحث على فهم موقعك والكلمات المستهدفة وهو بداية تجربة الزائر مع موقعك ويظهر العنوان بشكل رئيسي في ثلاثة اماكن

صفحات نتائج البحث (SERP)


المتصفح


مواقع التواصل الاجتماعي




Meta description : وصف الموقع او الصفحة بالرغم من انها لا تعتبر احد العوامل المباشرة في ال seo لكنها لها اهمية كبيرة لجذب الزائر للضغط على موقعك عند ظهوره في محركات البحث ويجب الا يتجاوز طول الوصف 160 حرف ويفضل وضع الكلمة المستهدفة داخل الوصف كما ذكر Brian Dean



Meta content type : الترميز او توع احرف المحتوى يجب ان تتواجد في كل صفحة في موقعك لكي يظهر محتوى الموقع بشكل مفهوم للزائر وان لم يتواجد الترميز الصحيح سوف يظهر الكلام عبارة عن كتابة غير مفهومة وهي مدرجة بشكل طبيعي مع اي ثيم او قالب ووردبريس او بلوجر وغيرهما وهي من عمل Front end Development وتظهر بالشكلين التاليين

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<meta charset=”UTF-8″ />

Viewport : لا تخلو صفحة حديث من هذا الكود لانه يحدد اطار عرض الموقع على اجهزة smart phone المختلفة وتكون بالشكل التالي

<meta name=viewport content=”width=device-width, initial-scale=1″>

اكواد meta يفضل تواجده

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

Social meta tags : ويطلق عليها ايضا op اختصار open graph مسئولة عن تحديد شكل معين لرابط صفحتك عن المشاركة على مواقع التواصل الاجتماعي كالعنوان والصورة والوصف والكاتب , مدمجة في بعض اضافات الووردبريس مثل yoast و all in one seo pack تسطيع معرفة كيفية استخدامهم من هنا تركيب yoast و all one seo

Meta robots : هي عبارة عن اكواد تسطيع من خلالها اعطاء بعض الاوامر لعناكب البحث مثل عدم ارشفة صفحة معينة او عدم تتبع الروابط الخارجية في الموقع او الصفحة (nofollow) ويكتب بالشكل التالي

<meta name=”robots” content=”noindex”>

امر لكل عناكب البحث بعد ارشفة هذه الصفحة

<meta name=”googlebot” content=”noindex”>

امر لعناكب بحث جوجل فقط بعدم ارشفة هذه الصفحة

وتسطيع معرفة اوامر اكثر من خلال الرابط التالي اضغط هنا

Meta Keyword : قديما كانت احد اهم العوامل المؤثرة في ترتيب موقعك في محركات البحث ولكن الان لم تعد اغلب محركات البحث تعطي لها قيمة مثل google ولكن ان تم استخدامها بطريقة سيئة قد تؤثر بالسلب على موقعك فالافضل عدم استخدامها حاليا , وان كانت موجودة فلا داعي لحذفها وكانت تظهر بالشمل التالي

<meta name=”keywords” content=”keyword,keyword2″>

Language : اكواد ميتا اللغة ويفضل استخدامها في المواقع متعدد اللغات فقط وتكتب بالشكل التالي

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”>

Site verification : تحتاج الي اثبات ملكية موقعك لمحركات البحث كجوجل وبينج وتتيح بعضها في طرق الاثبات كود meta يتم وضعه داخل وسم head ولكن يوجد طرق اكثر منها ربط الحساب بالدومين ورفع ملف html على cpanel ولكن في بعض المواقع كبلوجر هي الطريقة الافضل لاثبات الملكية

لم
No comments

هل تأثر الدخل المادي للشركات بعد اعتمادها صفحات AMP؟

هل تأثر الدخل المادي للشركات بعد اعتمادها صفحات AMP

؟هل تأثر الدخل المادي للشركات بعد اعتمادها صفحات AMP؟


Toggle navigation

هل تأثر الدخل المادي للشركات بعد اعتمادها صفحات AMP؟


4:25 م
نتابع في مقال اليوم سلسلة المقالات الكثيرة التي تحدثنا فيها عن تقنية AMP أو صفحات الوب المسرعة ، إذ كنا قد تناولنا في مقالات سابقة كيفية بناء هذه الصفحات و شرحنا مبدأها و كيفية عملها ، اليوم نتابع معكم في نفس السياق و لكن سنرصد مدى رضى الشركات الكبرى على هذه التقنية ، الرصد سيكون من منظور مادي بحت حيث سنرصد مدى تأثر دخل الشركات بعد انتقالها إلى استخدام صفحات AMP .

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

تجدر الإشارة إلى أن العائد المادي المقصود به هنا عائد هذه الشركات من الإعلانات المنشورة على مواقعها ، إذ أن المعايير الخاصة بصفحات الـ AMP تتيح للناشر استخدام أنواع محتوى محدودة في صفحته ، مما يحد من قدرته على نشر الإعلانات بالطريقة التي يرغب بها ، فهل يمكن اعتبار التراجع السابق للأرباح سببه صفحات الـ AMP ؟ أم أن سببه يعود إلى عدم قدرة هذه الشركات تصميم إعلانات متوافقة مع صفحات AMP و بنفس الوقت قادرة على تحقيق أرباح عالية ؟

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

No comments

أهم 5 أدوات في مجال سيو لاختبار سرعة موقعك best 5 tools to test your site speed

أهم 5 أدوات في مجال سيو لاختبار سرعة موقعك best 5 tools to test your site speed

أهم 5 أدوات في مجال سيو لاختبار سرعة موقعك best 5 tools to test your site speed


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

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

الأداة الثانية : Gtmetrix
موقع بدوره يقدم لك معلومات هامة عن سرعة أداء موقعك ، السلبية الموجودة في هذا الموقع هي كونه أبطأ قليلاً من الموقع السابق ، إذ يتوجب عليك الانتظار لبضع ثواني ريثما يأتي دور موقعك ، إذ تقوم الأداة بتحليل المواقع واحداً تلو الآخر و عليك انتظار دورك ، و لكن ليس بالزمن الطويل ( أقل من دقيقة ) ، الموقع لا يمتلك خوارزميته الخاصة في قياس السرعة بل يجلب لك نتائجه بالاعتماد على جوجل و ياهو ، إذا ستجد النتائج ضمن فئتين : PageSpeed و هي النتائج القادمة من جوجل و YSlow وهي النتائج القادمة من ياهو ، الموقع بدوره يقدم معلومات ممتازة و أنصحك بتجربته .

الأداة الثالثة : PageSpeed
الأداة المعتمدة رسمياً من جوجل لقياس سرعة الصفحة و تحليل سرعة الموقع ، بما أنها الأداة المستخدمة في جوجل و بما أن جوجل هو أهم محرك بحث حالياً ، من الطبيعي أن تقوم باختبار أداء موقعك باستخدام هذه الأداة ، فهدفك الأساسي بالتأكيد هو تحسين ترتيب موقعك في جوجل أولاً و في بقية محركات البحث ثانياً .

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

الأداة الخامسة : Webpagetest
تعتبر من الأداة القوية جداً من ناحية نوعية التقارير التي تقدمها و عمليات الاختبار التي تجريها ، تتيح لك هذه الأداة الاختبار من دول متعددة من العالم ، يمكنك أيضاً اختيار نوع المتصفح ، نوع الجهاز ، سرعة الاتصال ، و غيرها الكثير من الخيارات التي تحددها قبل البدء بإجراء الاختبار ، كنت قد تناولت هذه الأداة في مقال مفصل سابقاً ، حقيقة التقارير التي تقدمها لك هذه الأداة هي تقارير احترافية و قد تجد بعض الصعوبة في قراءتها و لكن أنصح بتجربتها فهي أداة ممتازة .
No comments

Download As PDF