عندما تشارك رابط موقعك على تويتر، هل لاحظت كيف تظهر بعض الروابط بشكل جذاب مع صور كبيرة وعناوين واضحة، بينما روابط أخرى تبدو مملة وغير جذابة؟ السر يكمن في استخدام بطاقات تويتر بشكل صحيح.
في هذا المقال، سنستكشف معًا كل ما تحتاج معرفته حول هذه البطاقات، وكيف يمكنها تحسين ظهور محتواك على المنصة.
ما هي بطاقات تويتر؟
بطاقات تويتر هي عبارة عن أكواد برمجية منظمة، يتم إضافتها إلى صفحات موقعك لتوضيح محتوى الصفحة، والتحكم في طريقة عرض الروابط عند مشاركتها على تويتر.
تخيل أنك تريد مشاركة مقال من موقعك على تويتر، ومن دون استخدام هذه البطاقات، قد يظهر الرابط بشكل عشوائي مع صورة غير مناسبة أو عنوان مقطوع، لكن عندما تستخدم هذه الأكواد المنظمة، فإنك تخبر تويتر بالضبط كيف تريد أن يظهر المحتوى الخاص بك.
يتم وضع هذه الأكواد البرمجية في الجزء الخاص بـ HTML في صفحات موقعك، وتحديدًا في القسم المخصص للرأس، ومن خلالها تستطيع تحديد الصورة التي تريد عرضها، العنوان المثالي، والوصف الذي يشرح محتوى الصفحة بدقة.
ما هي أهمية بطاقات تويتر؟
استخدام بطاقات تويتر يزيد بشكل ملحوظ من عدد النقرات والإعجابات وإعادة التغريدات التي تحصل عليها منشوراتك، والسبب في ذلك يعود إلى الصور الجذابة التي تلفت الأنظار بشكل فوري.
عندما يتصفح المستخدمون تويتر بسرعة، فإن المحتوى المصحوب بصورة مميزة وعنوان واضح يجبرهم على التوقف والنظر، وهذا المحتوى الجيد يشمل عناوين رائعة، أوصاف مكتوبة بعناية تشجع الناس على النقر على الرابط واستكشاف المحتوى.
ويبقى السؤال، هي يقوم تويتر بإنشاء هذا المحتوى تلقائيًا؟ الإجابة نعم لكن بطريقة غير فعالة، ففي أغلب الأحوال، يختار تويتر صورة غير مناسبة تمامًا، ويعرض عناوين وأوصاف مقطوعة تفتقد للسياق الكامل.
وهنا يأتي دور بطاقات تويتر، والتي تعمل بنفس مبدأ أكواد Open Graph المستخدمة في منصات مثل فيسبوك ولينكد إن، حيث تمنحك السيطرة الكاملة على كيفية ظهور روابطك.
في عالم تحسين محركات البحث، نهتم بشكل كبير بضبط العناوين والأوصاف للحصول على أعلى معدل نقر ممكن، لكن للأسف الكثيرون يغفلون عن هذا الجانب عندما يتعلق الأمر بمنصات التواصل الاجتماعي.
وهذا الإهمال يعتبر خطأ كبير؛ لأن المنافسة على جذب الانتباه على منصات التواصل الاجتماعي شديدة للغاية، وربما أكثر شراسة من محركات البحث نفسها، فالمستخدمون يمرون على مئات المنشورات يوميًا، وأنت تحتاج لكل ميزة ممكنة لتبرز محتواك وسط هذا الزحام.
هل تساهم بطاقات تويتر في ترتيب موقعك في محركات البحث؟
الإجابة لا، بطاقات تويتر لا تحسن ترتيب موقعك في نتائج البحث بشكل مباشر.
تساعد هذه الأكواد محركات البحث على فهم سياق المحتوى الخاص بك بشكل أفضل، تمامًا كما تفعل تقنيات Open Graph و Schema.org، فهي توفر معلومات منظمة عن صفحاتك تجعل من السهل على محركات البحث استيعاب محتواك.
الفائدة الحقيقية تأتي بطريقة غير مباشرة، فعندما تضيف بطاقات تويتر إلى صفحاتك، فإن محتواك يظهر بشكل أفضل على تويتر، مما يجذب المزيد من الاهتمام والتفاعل، وهذا التفاعل المتزايد يؤدي إلى مزيد من المشاركات، وبالتالي المزيد من الروابط العائدة إلى موقعك.
الروابط الطبيعية التي تكتسبها من خلال المشاركات على وسائل التواصل الاجتماعي تعتبر إشارات قوية لمحركات البحث، كلما زادت المشاركات والروابط، كلما أصبح موقعك أكثر موثوقية في نظر محركات البحث، لهذا وعلى الرغم أن بطاقات تويتر لا تؤثر مباشرة على ترتيبك، إلا أن تأثيرها غير المباشر على أداء موقعك في محركات البحث يمكن أن يكون كبيرًا.
ما هي المنصات التي تدعم بطاقات تويتر؟
المنصة الرئيسية التي تدعم بطاقات تويتر بشكل كامل هي تويتر نفسه، حيث أنهم من طوروا هذا المعيار، بالإضافة إلى منصة Slack.
بعد إجراء عدة تجارب واختبارات، تبين أن منصات مثل فيسبوك ولينكد إن وجوجل بلس لا تعتمد على أكواد بطاقات تويتر في بناء معاينات الروابط إذا لم يكن هناك ترميز Open Graph موجود.
بدلاً من ذلك، تعتمد هذه المنصات على العنوان الأساسي للصفحة والوصف التعريفي، بالإضافة إلى صورة يتم اختيارها بشكل عشوائي.
كيفية تطبيق بطاقة تويتر
تطبيق بطاقات تويتر يتم من خلال إضافة أكواد خاصة إلى ملفات HTML في موقعك، تحديدًا في القسم الذي يسمى <head> من صفحاتك.
يمكنك القيام بهذه المهمة يدويًا إذا كنت على دراية كبيرة بالبرمجة، لكن إذا كان موقعك يعمل على نظام إدارة محتوى مثل ووردبريس أو غيره، فعلى الأرجح ستجد إضافات أو أدوات جاهزة تسهل عليك هذه المهمة بشكل كبير.
أنواع بطاقات تويتر
يوفر تويتر أربعة أنواع مختلفة من البطاقات يمكنك الاختيار من بينها بحسب نوع المحتوى الذي تقدمه:
- بطاقة الملخص (Summary Card).
- بطاقة الملخص مع صورة كبيرة (Summary Card with Large Image).
- بطاقة التطبيق (App Card).
- بطاقة المشغل (Player Card).
دعنا نركز على النوعين الأساسيين الأكثر استخدامًا بالتفصيل:
بطاقة الملخص
هذا النوع يتطلب من تويتر خاصيتين أساسيتين لكي تعمل البطاقة بشكل صحيح:
- twitter:card.
- Twitter:title.
لكن من الأفضل إضافة ثلاث خصائص إضافية لتوفير سياق أكمل حول المحتوى، وهم:
- twitter:site.
- twitter:description.
- Twitter:image.
بطاقة الملخص العادية تعرض نصًا مع صورة مربعة، وهي مناسبة للمحتوى الذي لا يعتمد بشكل كبير على العناصر البصرية.
بطاقة الملخص مع صورة كبيرة
يعتبر هذا النوع من الطرق المثالية لعرض أخبار شركتك أو مقالات مدونتك بأسلوب جذاب بصريًا.
عندما تقوم الوكالات المتخصصة بفحص استراتيجيات التسويق للعلامات التجارية، فإن أحد أكثر الأخطاء شيوعًا التي تقع فيها العلامات التجارية من جميع الأحجام هو عدم استخدام بطاقات تويتر، وهذا يعتبر حلاً بسيطًا لكن تأثيره كبير على الوصول والتفاعل.
تفويت فرصة تثبيت بطاقات تويتر للمشاركة البصرية المثالية يشبه ترك فرص ذهبية تذهب هباءًا، وعدم استخدام هذه البطاقات يقلل من فرصك في جذب انتباه الصحفيين والمؤثرين.
الخصائص المطلوبة والموصى بها لبطاقة الملخص مع صورة كبيرة هي نفسها الخاصة ببطاقة الملخص العادية، لكن الفرق يكون في حجم ونسبة الصورة المستخدمة.
خصائص بطاقة تويتر
تشمل أنواع بطاقات تويتر على خصائص محددة، وهي:
twitter:card
هذه الخاصية تحدد أي نوع من الأنواع الأربعة لبطاقات تويتر ستستخدمه في صفحتك، والخيارات المتاحة هي:
- بطاقة الملخص: نص مصحوب بصورة مربعة.
- بطاقة الملخص مع صورة كبيرة: نص مع صورة كبيرة مستطيلة.
- بطاقة التطبيق: لترويج التطبيقات.
- بطاقة المشغل: لعرض مقاطع الفيديو، لكن تحتاج إلى موافقة مسبقة لاستخدامها.
- مثال على الكود:
<meta name=”twitter:card” content=”summary_large_image” />
- المتطلبات: يجب أن تختار واحدًا من الأنواع الأربعة.
- ماذا يحدث إذا لم تحددها: إذا لم تحدد نوع البطاقة، فلن يعرف تويتر كيف يعرض محتواك، وسيتعامل مع الرابط كما لو لم يكن عليه أي أكواد خاصة بالبطاقات.
twitter:site
هذه الخاصية تشير إلى حساب تويتر الخاص بموقعك الإلكتروني.
- مثال على الكود: <meta name=”twitter:site” content=”@contentking” />
- المتطلبات: يجب أن تشير هذه الخاصية إلى حساب تويتر نشط وحقيقي، ويمكنك أيضًا استخدام twitter:site:id بدلاً منها، والتي تتيح لك تحديد الرقم التعريفي الفريد لحسابك على تويتر.
- ماذا يحدث إذا لم تحددها: لن يكون الربط بين محتواك وحساب تويتر واضحًا، وعلى الرغم من أن هذا لا يؤثر بشكل مباشر، لكن ينصح بشدة بتحديد هذه الخاصية.
twitter:creator
هذه الخاصية تشير إلى حساب تويتر الخاص بكاتب المحتوى أو منشئه.
- مثال على الكود: <meta name=”twitter:creator” content=”@stevenvvessum” />.
- المتطلبات: يجب أن يكون الحساب المشار إليه نشطًا، ويمكنك استخدام twitter:creator:id كبديل.
- ماذا يحدث إذا لم تحددها: لن يظهر الربط بين محتواك وحساب الكاتب، لكن هذا لا يؤثر على عمل البطاقة بشكل مباشر.
twitter:title
هذه الخاصية تحدد العنوان الذي سيظهر في بطاقة تويتر، وهي تشبه عنوان الصفحة الأساسي.
- مثال على الكود: <meta name=”twitter:title” content=”Hreflang: ranking the right pages for multi-language sites” />.
- المتطلبات: عند تحسين العنوان، ضع في اعتبارك أن العنوان لن يظهر في سطر واحد إذا تجاوز 55 حرفًا، وعلى الرغم من أن تويتر يوصي بحد أقصى 70 حرفًا، إلا أن التجارب العملية تظهر أنهم لا يعرضون عناوين بهذا الطول.
- ماذا يحدث إذا لم تحددها: سيلجأ تويتر إلى استخدام og:title أولاً، ثم عنوان الصفحة الأساسي كخيار احتياطي.
twitter:description
هذه الخاصية تحدد الوصف الذي سيظهر في بطاقة تويتر، وهو عبارة عن شرح موجز لمحتوى الصفحة.
- مثال على الكود: <meta name=”twitter:description” content=”Learn how to implement hreflang to get search engines to rank the right pages for your multi-language site. Check it out now!” />.
- المتطلبات: عند كتابة الوصف، اعلم أنه لن يظهر في سطرين إذا تجاوز 125 حرفًا، ورغم أن تويتر يوصي بحد أقصى 200 حرف، لكن في الواقع لا يعرضون أوصافًا بهذا الطول.
- ماذا يحدث إذا لم تحددها: سيستخدم تويتر og:description أولاً، ثم الوصف التعريفي للصفحة.
twitter:image
هذه الخاصية تحدد الصورة التي ستظهر في المعاينة، واختيار الصورة المناسبة أمر في غاية الأهمية، حيث أن الحجم والجودة والأبعاد كلها عوامل حاسمة.
- مثال على الكود: <meta name=”twitter:image” content=”https://www.contentkingapp.com/media/social-cards/hreflang@2x.png” />
- المتطلبات: عند استخدام بطاقة الملخص العادية، يجب أن تتمتع ببعض الخصائص كذلك، وتشمل:
- نسبة الطول إلى العرض: 1:1.
- نسبة الطول إلى العرض: 1:1.
- الحد الأدنى للحجم: 144 × 144 بكسل.
- الحد الأقصى للحجم: 4096 × 4096 بكسل.
- حجم الملف الأقصى: 5 ميجابايت.
- الصيغ المدعومة: JPG و PNG و WEBP و GIF (سيتم استخدام الإطار الأول فقط من الصور المتحركة). لاحظ أن SVG غير مدعوم.
عند استخدام بطاقة الملخص مع صورة كبيرة:
- نسبة الطول إلى العرض: 2:1.
- الحد الأدنى للحجم: 300 × 157 بكسل.
- الحد الأقصى للحجم: 4096 × 4096 بكسل.
- حجم الملف الأقصى: 5 ميجابايت.
- الصيغ المدعومة: JPG و PNG و WEBP و GIF (الإطار الأول فقط). SVG غير مدعوم.
- ماذا يحدث إذا لم تحددها: سيبحث تويتر عن og:image أولاً، وإن لم يجدها سيلتقط أي صورة من صفحتك بشكل عشوائي.
أفضل الممارسات لبطاقات تويتر
لضمان الحصول على أفضل النتائج من بطاقات تويتر، اتبع هذه الإرشادات المهمة:
- تأكد من تحديد جميع الخصائص الضرورية على الأقل الخصائص المطلوبة، لكن من الأفضل تحديد الخصائص الموصى بها أيضًا لضمان ظهور محتواك بأفضل شكل ممكن.
- اجعل العنوان قصيرًا، إذ يجب أن يكون twitter:title أقل من 55 حرفًا حتى يظهر بالكامل دون قطع.
- اجعل الوصف موجزًا، حيث يجب أن يكون twitter:description أقل من 125 حرفًا لضمان ظهوره بالكامل.
- استخدم صورًا عالية الجودة، بالنسبة للبطاقة العادية يجب ألا تقل الأبعاد عن 144 × 144 بكسل، وللبطاقة ذات الصورة الكبيرة يجب ألا تقل عن 300 × 157 بكسل، مع الحفاظ على حجم الملف أقل من 5 ميجابايت، وأن تكون الصيغ المدعومة هي JPG و PNG و WEBP و GIF.
- استخدم أداة التحقق من تويتر، فعندما تقوم بإعداد ترميز بطاقة تويتر لأي صفحة، استخدم دائمًا أداة التحقق الرسمية من تويتر لمعاينة المقتطف، هذا يضمن ملء جميع البيانات بشكل صحيح.
- يجب أن تتأكد من عدم منع Twitterbot في ملف robots.txt الخاص بموقعك، فتويتر يحتاج إلى القدرة على زيارة صفحاتك لجمع معلومات بطاقات تويتر وعرضها، وهذا يشمل أيضًا الصور التي تشير إليها في twitter:image.
في الأخير، بطاقات تويتر تمثل أداة قوية لتحسين ظهور محتواك على المنصة وزيادة التفاعل مع روابطك، ومن خلال إعداد هذه البطاقات بشكل صحيح، تضمن أن كل مشاركة لروابطك تبدو احترافية وجذابة، مما يؤدي إلى المزيد من النقرات والمشاركات.
تذكر أن بطاقات تويتر ليست مجرد إضافة تقنية، بل هي استثمار في تحسين تجربة المستخدم وزيادة فرص انتشار محتواك، ومع المعلومات التي قدمناها في هذا المقال، أصبح لديك الآن فهم شامل لكيفية استخدام بطاقات تويتر بفعالية لخدمة أهدافك التسويقية.
