أنشئ علامات وصفية لصفحات HTML بسهولة باستخدام هذه الأداة المجانية عبر الإنترنت

على الرغم من توقف Google عن استخدام الكلمات الرئيسية الوصفية(Meta Keywords) كعامل تصنيف ، إلا أن هناك بعض مواقع الويب التي تتطلب علامات وصفية مناسبة لفهم موقع الويب الخاص بك. على سبيل المثال ، يستخدم Facebook العلامات الوصفية لجلب اسم موقع الويب والوصف والصورة المميزة. يتم تنفيذ الشيء نفسه بواسطة Twitter و LinkedIn و Pinterest و Slack . إذا كنت تقوم بإنشاء صفحة HTML وتريد إضافة العلامات الوصفية ، فإليك أداة بسيطة تسمى العلامات الوصفية(Meta Tags) والتي ستتيح لك إنشاء العلامات الوصفية.

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

إنشاء العلامات الوصفية للمواقع

إنشاء العلامات الوصفية

يمكنك إنشاء علامات وصفية لـ Facebook و Twitter و Linkedin و Pinterest و Slack باستخدام هذه الأداة. لإنشائها ، قم بزيارة موقع الويب الخاص بهم ، واختر موقع الشبكات الاجتماعية الذي تريد إنشاء العلامات الوصفية له.

بعد ذلك ، أدخل عنوان URL(URL) لصفحة الويب الخاصة بك. على جانبك الأيسر ، يجب أن تجد ثلاثة خيارات.

  1. صورة
  2. عنوان
  3. وصف

على الرغم من أنه يمكنك تحميل صورة ، إلا أن الكود لن يحملها. هذا يعني أنك بحاجة إلى تحميل الصورة على الخادم الخاص بك بشكل منفصل. ومع ذلك ، يمكنك تعديل (Description)العنوان(Title) والوصف . بعد إجراء جميع التغييرات ، انقر فوق الزر إنشاء العلامات الوصفية(GENERATE META TAGS ) .

يجب أن تجد بعض أسطر التعليمات البرمجية مثل هذا:

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="your-website-name">
<meta property="og:title" content="your-title">
<meta property="og:description" content="your-description
<meta property="og:image" content="image-url">

انسخ(Copy) هذه الأسطر والصقها داخل علامة <head> . في حالة رغبتك في إضافة العلامات الوصفية في موقع WordPress الخاص بك ؛ تحتاج إلى فتح ملف header.php الخاص بموضوعك ، حيث ستحصل على علامة <head>.

آمل أن تكون هذه الأداة البسيطة عبر الإنترنت(this simple online tool) مفيدة لك.



رهف السيد

About the author

أنا مهندس برمجيات بخبرة تزيد عن 10 سنوات في بناء وصيانة أجهزة Apple Mac وأجهزة iOS ومتصفحات Google Chrome. تشمل تجربتي تطوير منتجات البرامج وصيانتها وتشغيلها من البداية أو المساهمة في مشاريع مفتوحة المصدر. لقد أتيحت لي أيضًا الفرصة للعمل في مجموعة متنوعة من مشاريع الأجهزة - من إصلاح الشاشات المكسورة في المستشفيات إلى تصميم وتنفيذ ميزات جديدة لجهاز iPhone. في أوقات فراغي ، أستمتع بلعب ألعاب الفيديو المفضلة ، أو قراءة الكتب ، أو طهي العشاء مع عائلتي ، أو قضاء الوقت مع الأصدقاء.


Related posts