الرئيسية بلوجر أجزاء قوالب بلوجر: head

أجزاء قوالب بلوجر: head

أجزاء قوالب بلوجر: head

عنصر head هو حاوية لما يسمى metadata وهي معلومات حول معلومات أخرى ويتم وضعه بين html و body. هذا القسم قد يحتوي على أجزاء مثل:




  • وصف صفحة الويب Description.
  • الكلمات المفتاحية Keywords.
  • وسم المنطقة الجغرافية ووسوم أخرى مثل اثبات الملكية، اللغة...
  • أكواد CSS.
  • أكواد Javascript.
الأكواد التي يتم وضعها في القسم لا تظهر للزوار ولكنها تلعب دورا مهما في تقديم مجموعة من المعطيات للمتصفح وكذلك لآليات البحث. مثلا لو قمنا بالبحث عن فولفولي في موقع البحث جوجل، ستظهر النتيجة بهذا الشكل:

وصف المدونة meta description


هناك عنوان المدونة وأسفله الوصف Description. لو بحثت في واجهة المدونة فلن تجد هذا الوصف، من أين أتى به جوجل إذن؟ الجواب بكل بساطة هو من ميتا الوصف الموجودة في head.

جوجل عند الزحف للمدونة تقوم بقراءة الكود التالي الموجود داخل قسم head وعرضه في نتائج البحث:

<meta content='دروس تعلم الربح من الانترت، تصميم، بلوجر، مواقع مفيدة، سيو SEO، وبرامج كمبيوتر' name='description'/>


قسم head يبدأ ب <head> وينتهي ب  </head>  مع وجود / وفي وسم الإغلاق. 

البحث عن head في قوالب بلوجر


في بعض الدروس على مدونة فولفولي يطلب منك البحث عن head، وهذه هي طريقة القيام بذلك:

تنقر وسط كود القالب ثم Ctrl+F من لوحة المفاتيح وتكتب <head>  في مربع البحث.

أحيانا قد لا تجد الكود لأنه في بعض القوالب يكتب بطريقة مختلفة، مثلا بهذا الشكل:


لذلك، يجب أن تكتب في مربع البحث head مع حذف الوسوم.

عند بحثك لا تنسى أنك تبحث عن head  وليس header لأن أداة البحث ستظهر لك أي كلمة تحتوي على head.

ما الذي يتم وضعه في هذا القسم؟

توجد الكثير من الأكواد التي يمكن إضافتها في هذا الجزء مثل:

Seo Meta tags

 وسوم الميتا تبدأ دائما ب  <meta  وكمثال هذا الكود الذي يخص اليات البحث:

 <meta content='noindex,nofollow' name='robots'/>
والذي يقول لمحركات البحث، هذه الصفحة لا يجب تصنيفها في نتائج البحث.

أكواد CSS:

لغة CSS تتحكم في شكل المدونة من الألوان، حجم ونوع الخط... وتضاف بثلاثة طرق:

الطريقة الأولى، والتي تخص قوالب بلوجر فقط:


<b:skin><![CDATA[
هنا يتم وضع أكواد css
/]]></b:skin> 
الطريقة الثانية ويتم وضع الأكواد بين وسمي style:
 <style>
هنا يتم وضع أكواد css
 </style>

الطريقة الثالثة، حيث يتم وضع رابط لملف سي اس اس خارجي: 

<link href='https://sitexample.com/file.css' rel='stylesheet' type='text/css'/>

لغة Javascript

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

أكواد جافاسكريبت يتم وضعها بين الوسمين:

 <script type='text/javascript'>
 </script>

مكتبات Libraries

أكواد إضافية يتم وضع رابط اليها لتقوم بمساعدة أكواد في المدونة. مثلا Slideshow إذا كان مصمما بلغة Jquery فهو يحتاج لمكتبة هذه اللغة حتى يعمل. ويتم وضع رابط إليها بهذه الطريقة:

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>

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