عند إطلاق موقع ويب أو مدونة جديدة لأول مرة ، ربما ترغب في مشاركته مع أصدقائك وعائلتك على الفور. ولكن إذا لم تقم بإعداده بشكل صحيح ، فكل ما سيراه هو رابط ممل.
حتى إذا أدت المعاينة إلى تحميل صورة ، فقد لا تكون الصورة التي تريد رؤيتها. لكن يمكنك إصلاح ذلك.
العلامات الوصفية هي علامات HTML لا تعرض أي محتوى على صفحة الويب الخاصة بك. كانوا يعيشون داخل العلامات في HTML الخاص بك. متي محركات البحث والخدمات الأخرى ، مثل Facebook ، اقرأ صفحتك، يحصلون على معلومات مستهدفة من العلامات الوصفية.
بالنسبة لكثير من الناس ، يعتبر Google هو الإنترنت. يمكن القول إنه أهم اختراع منذ الإنترنت نفسه. وبينما تغيرت محركات البحث كثيرًا منذ ذلك الحين ، فإن المبادئ الأساسية لا تزال كما هي.
العلامات الوصفية هي ما تحتاجه للحصول على وسائل التواصل الاجتماعي والرسائل النصية لمعالجة الروابط الخاصة بك بشكل صحيح. عندما تشارك رابطًا عبر Facebook ، على سبيل المثال ، يتبع Facebook رابط الصفحة. ثم يقرأ الصفحة ويحاول معرفة كل شيء.
والأهم من ذلك ، أنه يحاول العثور على عنوان ووصف وصورة. إذا لم تتمكن من العثور عليها ، فستظهر فقط رابطًا بسيطًا بدون زخرفة. من أجل جعل Facebook يعرض عنوانًا ووصفًا وصورة محددين ، ستحتاج إلى إضافة علامات وصفية محددة لإخباره بما تبحث عنه.
إذا حصلت مواقع التواصل الاجتماعي مثل Facebook و Twitter على المعلومات التي يحتاجونها من موقع الويب الخاص بك ، فسيقومون بإنشاء بطاقة. إذا سار كل شيء وفقًا للخطة ، فيجب أن يبدو الأمر كما كنت تتوقع.
ذات صلة: كيفية إنشاء روبوتات Twitter و Instagram و Reddit باستخدام Python
إذا قمت بإنشاء موقع الويب الخاص بك باستخدام HTML عادي أو إطار عمل للواجهة الأمامية ، فيجب أن تكون إضافة العلامات الوصفية بسيطة. ينتقلون في نفس المنطقة مثل علامات العنوان والنمط والنص ، كما في المثال التالي:
لي ناثان - كاتب التنمية الشخصية
...
يمكنك أن ترى أن هناك بالفعل عدد قليل من العلامات الوصفية في المكان. هذه ليست تلك التي ستحتاج إليها لجعل موقع الويب الخاص بك يظهر بشكل صحيح في الروابط ، إنها مجرد بعض الإعدادات الافتراضية منخفضة المستوى.
يعد تغيير العلامات الوصفية في WordPress أكثر تعقيدًا. تتطلب التعليمات الكاملة دليلاً كاملاً. لذا بدلاً من ذلك ، إليك بعض التلميحات لمساعدتك على البدء:
- إذا كنت ترغب في تعديل السمة الخاصة بك ، فيجب أن تكون العلامات الوصفية موجودة في ملف header.php ملف الموضوع الحالي الخاص بك.
- إذا لم تتمكن من الوصول إلى السمة الخاصة بك أو لا ترغب في التعامل معها ، فيمكنك تغيير العلامات الوصفية باستخدام مكون إضافي مثل إدارة العلامات الوصفية المتقدمة.
ألق نظرة على أفضل مزودي استضافة WordPress إذا كنت مهتمًا بإطلاق موقع على المنصة.
كيفية إنشاء بطاقة Facebook
الآن بعد أن اكتشفت كيفية الوصول إلى العلامات الوصفية الخاصة بك ، يمكنك البدء في تحريرها. هذه هي الحد الأدنى من العلامات التي يريد Facebook رؤيتها:
تخبر خصائص العنوان والوصف Facebook بالنص الذي سيتم عرضه. يمكن أن ترتبط خاصية URL بصفحة فرعية للترقيات الخاصة أو اختبار A / B.
يجب أن تكون خاصية الصورة عنوانًا كاملاً ، وليس متعلقًا بصفحة الفهرس الخاصة بك مثل /image.jpg. أفضل حجم للصورة للاستخدام هو 1200 × 628 ، حيث سيكون هذا الحجم هو الأكثر توافقًا عبر مواقع وأجهزة الوسائط الاجتماعية.
كيفية إنشاء بطاقة Twitter
بطاقة Twitter هي نفسها بطاقة Facebook تقريبًا ، ولكن بعلامات وصفية مختلفة. هذا ما تبدو عليه علامات Twitter الوصفية:
خصائص العنوان والوصف هي نفسها خصائص Facebook ؛ تتبع خاصية الصورة أيضًا القواعد نفسها. و 1200 × 628 حجم جيد للبدء به.
الاختلاف الرئيسي هو خاصية البطاقة. يستخدم هذا المثال "abstract_large_image" لإنشاء بطاقة تشبه بطاقة Facebook. على الرغم من ذلك ، لدى Twitter خيارات أخرى.
كيفية التأكد من أن المعاينة تبدو صحيحة
يمكنك نشر تغريدة وحذفها بسرعة نصف دزينة من المرات حتى تحصل على بطاقتك بشكل صحيح. يمكنك أيضًا إرسال رسالة Facebook لنفسك. لكن هذه الأساليب صعبة نوعًا ما. لحسن الحظ ، توفر كلتا الخدمتين أداة مفيدة لتسهيل فحص بطاقاتك.
يحتوي Facebook على مصحح أخطاء مشاركة. و Twitter لديه مدقق بطاقة. تقوم كلتا الأداتين بنفس المهمة المتمثلة في السماح لك بمشاهدة كيفية عمل الروابط ؛ يستخدمون أسماء مختلفة فقط.
الجوانب الأخرى التي يجب عليك اختبارها
لقد حصلت الآن على رابط موقعك لتبدو رائعة على أكبر شبكتين اجتماعيتين. من المحتمل أنها ستبدو جيدة في كل مكان ، لكن يجب عليك التحقق مرة أخرى من أنها كذلك. على سبيل المثال ، إذا كانت لديك معلومات في الجزء السفلي أو العلوي من الصورة ، فقد يتم قصها على الهاتف المحمول.
متحرك
قبل أن تذهب إلى أبعد من ذلك ، من الجيد التأكد من أن الرابط الخاص بك لا يزال يبدو جيدًا على الهاتف المحمول. كما ذكرنا ، يمكن قص صورتك على الشاشة الأصغر. المثال الموضح سابقًا كان الصورة منخفضة جدًا ، لذا يمكنك فقط رؤية النصف العلوي من الرأس.
الرسائل القصيرة والمراسلين
هذه مسألة بسيطة لإرسال رسالة نصية لنفسك (أو رسالة عبر خدمة مثل WhatsApp) مع الرابط. لا داعي للقلق بشأن أداة التحقق من الصحة. من المحتمل أنه إذا كان يبدو جيدًا في تطبيقات الوسائط الاجتماعية ، فسيبدو جيدًا هنا.
إذا كنت تعمل على موقع الويب الشخصي الخاص بك ، فأنت بالتأكيد تريده أن يبدو جيدًا على LinkedIn. لحسن الحظ، يوفر LinkedIn أيضًا أداة تحقق من الصحة دعا مفتش البريد. أيضًا ، لا داعي للقلق بشأن المزيد من العلامات الوصفية لأن LinkedIn يستخدم علامات Facebook.
ما العمل بعد ذلك
يجب أن تكون المعلومات التي غطيناها كافية لتبدأ. ولكن إذا كنت تريد معرفة المزيد ، تحقق من دليل الفيسبوك للعلامات أو صفحة تويتر على العلامات.
الويب مليء بالأدوات لمساعدة أي شخص على إنشاء صوره الخاصة ذات المظهر الاحترافي والقابلة للمشاركة. هنا مفضلاتنا.
- برمجة
- لغة البرمجة
- الصفحة الرئيسية
- أدوات مشرفي المواقع
لي هو بدو بدوام كامل ومتعدد الثقافات ولديه العديد من المشاعر والاهتمامات. تدور بعض هذه المشاعر حول الإنتاجية والتنمية الشخصية والكتابة.
اشترك في نشرتنا الإخبارية
انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!
خطوة أخرى أيضا…!
يرجى تأكيد عنوان بريدك الإلكتروني في البريد الإلكتروني الذي أرسلناه لك للتو.
