Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. HTML
Webdesign

كيفية التحقق وإنشاء علامات "Meta" لموقع الويب الخاص بك

by
Difficulty:BeginnerLength:ShortLanguages:

Arabic (العربية/عربي) translation by Amr Salah (you can also view the original English article)

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

احصل على علامات Meta بطريقة صحيحة

التحقق من علامات "Meta"

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

hey meta input field
أدخل عنوان "URL" هنا

إذا لم يكن لصفحة الويب أي علامات وصفية "Meta"  لهذه العناصر على الإطلاق ، فلن يتم عرض أي شيء.

إنشاء علامات ال"Meta" الصحيحة

إذا كانت صفحتك تفقد تفاصيلها ، أو تعرض بيانات وصفية غير صحيحة (أو دون المستوى الأمثل) ، يمكنك استخدام "Hey Meta" لإنشاء علامات صحيحة لك. أدخل المعلومات التي ترغب في عرضها في الحقول المعروضة:

enter meta title
قم بإدخال العنوان هنا

يمكن القيام بذلك نفسه لوصف موقع الويب وعنوان "URL" والصورة المميزة. سيتم عرض العلامات المنشأة في المعاينات ، وسيبدو الترميز على النحو التالي:

هنا سترى علامات "HTML "meta الأصلية مثل<title>، علامات "تويتر" ، وعلامات "Open Graph" مثل <meta property="og:title"> التي تسمح بالمشاركة الاجتماعية السليمة.هذي العلامات  يمكن وضعها  في<head> بملف الHTML الخاص بك.

الاستنتاج!

تأكد من أن العلامات الوصفية تعرض تفاصيل موقعك على الويب بشكل صحيح!

مزيد من القراءة

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.