برمجة وتطوير

هنتكلم شوية عن الويب ديزاين...
ايه هي html heading structure ؟
هي تاجات خاصه بلغة html وتبدأ من <h1> لغايت <h6>
وطبعا فى أسطوره بتقول انك بتستخدم التاجات دي عشان تكبر الخط ودا كتير من مبرمجين html وكتير اوي من اللي بيعلموا ناس فى كورسات التصميم بيقولوا كدا
والكلام دا غلط وممكن تتاكد منه من هنا
http://bit.ly/1eqDbRg
هتلاقية تحت عنوان Headings Are Important
طيب ليه الأسطوره دي طلعت وكان السبب هو
Browsers' default CSS stylesheets
ايوه دا السبب, اي متصفح فى العالم بيحتوي علي اوامر نمطيه افتراضية لتاجات html بلفة css وممكن تدخل من اللينكين دول تشوف كل الاوامر دي هتلاقي تاجات h1 لغايت h6 ليهم اوامر نمطية
http://mzl.la/1LNxc7o
http://bit.ly/1dDyt1X
لو لاحظت ان font-size بيتناسب تناسب عكسي من زيادة heading tags يعني <h1> اكبر حجم خط <h6> اقل حجم خط
طيب هو ليهم الحجم بيصغر وبيستخدموا فى ايه ؟ سؤال ذكي =D
الإجابة تخيل دلواتي انك هتكتب كتاب عن عيلة كبيره ومثلا عائلة المصري
هتكتب فى غلاف الصفحة بالحجم الكبير عائلة المصري دي بقا h1
تحتيها هتكتب اسم الجد والجدة اساميهم بقي h2 وتحتيهم هتكتب اسامي الابناء الجيل التاني من العيلة وكل اسم هيبقي h3 وتحت كل ابن هتكتب اسامي عياله ودول h4 ودول الأحفاد وتحت كل حفيد هتكتب اسامي اولاد الحفيد دا وهيبقي h5 وهكذا
<h1>عائلة المصري</h1>
<h2>محمد المصري</h2>
<h3>احمد محمد المصري</h3>
<h4>محمود احمد محمد المصري</h4>
<h4>عبدالله احمد محمد المصري</h4>
<h3>اسامة محمد المصري<h3/>
<h3>عادل محمد المصري</h3>
مثال تاني
<h1>كوكب الأرض</h1>
<h2>قارة افريقيا</h2>
<h3>دولة مصر</h3>
<h4>محافظة الشرقية</h4>
<h5>مدينة الزقازيق</h5>
<h6>حي الزهور</h6>
بيستخدموا فى ترتيب عناصر المحتوي وربط المحتوي ببعضه اذا كان مقال او صفخة كاملة html
طيب التاجات دي ليها تأثير علي محركات البحث ؟؟
هرد عليك واقلك اكيد طبعاً
من اهم التاجات للسيو جوجل بتعتمد عليها ساعات انها تخليها page title فى نتائج البحث بتعتك وحصلت انها استخدمت h6 كعنوان فى نتائج البحث فى 2012 ولغتها
فى اسطوره طلعها عربجي برمجة وسيو بتقول اي حنكشة فيها اسم موقعك حطها h1 ووصف الموقع h2 واهريها h2 طبعا دا كلام ناس#@/%$*&!
اول قاعدة ليك لازم تعرفها h1 تظهر مره واحده فى الصفحة الوحده ومتتكرش وغلط جدا لو خلتها نفس اللي موجود فى تاج title
2- لازم يكون فى صفحتك h2 و h3
3- تكتب جوه التاجات دي كلمات قيمة ومهمه عشان لو مش كدا هتبقي عناوين بلاقيمة فى الهرت يعني
4- اعملهم بترتيب صح عشان دا بيسهل قراية الزائر البشري او محرك البحث لموقعك
طيب هتستخدمهم ازاي؟؟ هقلك ازاي:
فى الصفحة الرئيسية :
h1 : اسم موقعك
h2 : وصف موقعك ولو فى فيه كلمات قوية وحلوه يبقي حطها فى كل عنوان المقالات بتاعتك او اخبار الجديده فقط
h3 : فى المقالات الجديده ولو طلعت مكتوبة بالh2 يبقي المقالات القديمة تكتبها ب h3
h4 : فى اسم صفحات ليها علاقية بالموقع زي من نحن والكلام دا
h5 : اي حاجه ملهاش علاقة بالمحتوي فى الفوتر او سايد بار
* فى مشكلة كتير مننا بيظهر محتوي مقال او خبر او موضوع كامل مش مختصر ولا بيظهر heading tags اللي فى المقال لتخليها تظهر مختصره لتخليها تحول التاجات لرقم قدام يعني h2 فى المقال يبقي h3 وهكذا
فى صفحة المقال :
H1 اسم الصفحة او المقال
H2- H3 فى مقالك عادي
H4 اسم موقعم والمقالات ذات صله اللي مرتبطه بنفس قسم المقال او الصفحة
H5 باقي عناوين سايد بار والفوتر
فى صفحة الأرشيف او القسم
H1 اسم القسم
H2 عناوين المقالات المندرجة تحت القسم
H3 اسم موقعك
H4-H5-H6 زي الصفحة الرئيسية
دا يعتبر شرح html heading structure
ودي شوية مواقع بتتكلم عن السيو
https://yoast.com
http://www.hobo-web.co.uk/shaun-anderson/
http://moz.com/
دا موقع بيجبلك كل حاجه عن تاجات HTLML
http://www.w3.org/TR/html-markup/Overview.html

W3Schools

HTML Headings

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

👍3

1.02K views07:44