9 – وسم وطرق عرض اسم الصفحة في المتصفح البنية – الأساسية للصفحة – المستوى الاول</h1><div class="entry-meta entry-meta-divider-dot"> <span class="posted-by"><span class="meta-label">بواسطة</span><span class="author vcard"><a class="url fn n" href="https://www.tefagoo.com.eg">ahmed</a></span></span> <span class="posted-on"> <time class="entry-date published updated" datetime="2025-09-10T07:59:30+00:00" itemprop="dateModified">سبتمبر 10, 2025</time> </span> </div><!-- .entry-meta --> </header><!-- .entry-header --> <div class="entry-content single-content"> <h1><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">📌 وسم <title> وطرق عرض اسم الصفحة في المتصفح</a></h1> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 ما هو وسم <title>؟</a></h2> <ul data-start="131" data-end="319"> <li data-start="131" data-end="169"> <p data-start="133" data-end="169">وسم <title> يُكتب داخل <head>.</p> </li> <li data-start="170" data-end="218"> <p data-start="172" data-end="218">وظيفته: تحديد عنوان الصفحة (Page Title).</p> </li> <li data-start="219" data-end="319"> <p data-start="221" data-end="319">هذا العنوان لا يظهر داخل الصفحة نفسها، لكنه يظهر في أماكن مختلفة داخل المتصفح ومحركات البحث.</p> </li> </ul> <hr data-start="321" data-end="324" /> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 مكان كتابة وسم <title></a></h2> <p><img fetchpriority="high" decoding="async" class="alignnone wp-image-1119 size-full" src="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/13-2.png" alt="" width="940" height="788" srcset="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/13-2.png 940w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/13-2-300x251.png 300w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/13-2-768x644.png 768w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/13-2-600x503.png 600w" sizes="(max-width: 940px) 100vw, 940px" /></p><div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async="async" data-cfasync="false" src="//pl27705544.revenuecpmgate.com/f3fb1c63675c634a0a26e828befa97c5/invoke.js"></script> <div id="container-f3fb1c63675c634a0a26e828befa97c5"></div></div> <div> <div> <div> <div></div> </div> </div> </div> <p data-start="414" data-end="482">📌 لازم يكون داخل <head>، وما ينفعش يتكرر أكتر من مرة في الصفحة.</p> <hr data-start="484" data-end="487" /> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 أماكن ظهور عنوان الصفحة (Title)</a></h2> <h3><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">1. في شريط التبويب (Browser Tab)</a></h3> <ul data-start="565" data-end="744"> <li data-start="565" data-end="631"> <p data-start="567" data-end="631">يظهر النص اللي كتبته في <title> أعلى المتصفح في الـ Tab.</p> </li> <li data-start="632" data-end="744"> <p data-start="634" data-end="650">مثال: لو كتبت:</p> </li> <li data-start="632" data-end="744"></li> <li data-start="632" data-end="744"><img decoding="async" class="alignnone wp-image-1120 size-full" src="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/14-1.png" alt="" width="940" height="788" srcset="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/14-1.png 940w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/14-1-300x251.png 300w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/14-1-768x644.png 768w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/14-1-600x503.png 600w" sizes="(max-width: 940px) 100vw, 940px" /></li> <li data-start="632" data-end="744"> <p data-start="634" data-end="650"> <div></div> <p data-start="702" data-end="744">🔎 هيظهر في التبويب: الصفحة الرئيسية</p> </li> </ul> <hr data-start="746" data-end="749" /> <h3><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">2. في شريط العنوان (Title Bar)</a></h3> <ul data-start="786" data-end="865"> <li data-start="786" data-end="865"> <p data-start="788" data-end="865">بعض المتصفحات القديمة (أو في وضع النوافذ) تعرض العنوان في شريط النافذة.</p> </li> </ul> <hr data-start="867" data-end="870" /> <h3><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">3. عند الإضافة للمفضلة (Bookmarks)</a></h3> <ul data-start="911" data-end="1080"> <li data-start="911" data-end="996"> <p data-start="913" data-end="996">لما المستخدم يعمل Bookmark أو Favorite للصفحة، يظهر اسم الصفحة بنفس نص <title>.</p> </li> <li data-start="997" data-end="1080"> <p data-start="999" data-end="1080">مثال: لو العنوان <title>مقالات تقنية</title>، في المفضلة يظهر “مقالات تقنية”.</p> </li> </ul> <hr data-start="1082" data-end="1085" /> <h3><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">4. في نتائج محركات البحث (SEO)</a></h3> <ul data-start="1122" data-end="1334"> <li data-start="1122" data-end="1215"> <p data-start="1124" data-end="1215">جوجل وباقي محركات البحث بيستخدموا <title> كـ العنوان الرئيسي للصفحة في نتائج البحث.</p> </li> <li data-start="1216" data-end="1334"> <p data-start="1218" data-end="1234">مثال: لو عندك:</p> </li> <li data-start="1216" data-end="1334"></li> <li data-start="1216" data-end="1334"><img decoding="async" class="alignnone wp-image-1121 size-full" src="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/15-1.png" alt="" width="940" height="788" srcset="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/15-1.png 940w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/15-1-300x251.png 300w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/15-1-768x644.png 768w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/15-1-600x503.png 600w" sizes="(max-width: 940px) 100vw, 940px" /></li> <li data-start="1216" data-end="1334"> <p data-start="1218" data-end="1234"> <div></div> <p data-start="1294" data-end="1334">🔎 جوجل هيعرض النتيجة تحت هذا العنوان.</p> </li> </ul> <hr data-start="1336" data-end="1339" /> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 أفضل الممارسات لاستخدام <title></a></h2> <ol data-start="1381" data-end="1753"> <li data-start="1381" data-end="1438"> <p data-start="1384" data-end="1438">اجعله قصير ومعبّر (من 50 – 60 حرف مثالي لـ SEO).</p> </li> <li data-start="1439" data-end="1504"> <p data-start="1442" data-end="1504">يجب أن يكون مختلفًا في كل صفحة (Home – About – Contact).</p> </li> <li data-start="1505" data-end="1676"> <p data-start="1508" data-end="1576">ضمّن الكلمة المفتاحية (Keyword) لو الموقع موجّه لمحركات البحث.</p> <ul data-start="1580" data-end="1676"> <li data-start="1580" data-end="1676"> <p data-start="1582" data-end="1676">مثال: بدل ما تكتب:<br data-start="1600" data-end="1603" />❌ “الصفحة الرئيسية”<br data-start="1627" data-end="1630" />✅ “الصفحة الرئيسية – شركة تنظيف في دبي”</p> </li> </ul> </li> <li data-start="1677" data-end="1753"> <p data-start="1680" data-end="1753">لا تتركه فارغًا، لأن المتصفح هيعرض عنوان الملف بدلًا منه (غير احترافي).</p> </li> </ol> <hr data-start="1755" data-end="1758" /> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 مثال عملي</a></h2> <p><img loading="lazy" decoding="async" class="alignnone wp-image-1122 size-full" src="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/16-1.png" alt="" width="940" height="788" srcset="https://www.tefagoo.com.eg/wp-content/uploads/2025/09/16-1.png 940w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/16-1-300x251.png 300w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/16-1-768x644.png 768w, https://www.tefagoo.com.eg/wp-content/uploads/2025/09/16-1-600x503.png 600w" sizes="(max-width: 940px) 100vw, 940px" /></p> <div> <div dir="ltr"></div> </div> <ul data-start="1999" data-end="2176"> <li data-start="1999" data-end="2048"> <p data-start="2001" data-end="2048">في التبويب يظهر: موقعي الشخصي – دروس HTML</p> </li> <li data-start="2049" data-end="2099"> <p data-start="2051" data-end="2099">لو حفظت الصفحة في المفضلة → يظهر بنفس العنوان.</p> </li> <li data-start="2100" data-end="2176"> <p data-start="2102" data-end="2176">في نتائج البحث (لو كانت الصفحة منشورة على الإنترنت) → العنوان نفسه يظهر.</p> </li> </ul> <hr data-start="2178" data-end="2181" /> <h2><a href="https://www.tefagoo.com.eg/9-%d9%88%d8%b3%d9%85-%d9%88%d8%b7%d8%b1%d9%82-%d8%b9%d8%b1%d8%b6-%d8%a7%d8%b3%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d8%a7%d9%84%d8%a8/">🔹 ملخص</a></h2> <ul data-start="2194" data-end="2340"> <li data-start="2194" data-end="2228"> <p data-start="2196" data-end="2228"><title> يُكتب داخل <head>.</p> </li> <li data-start="2229" data-end="2299"> <p data-start="2231" data-end="2299">لا يظهر داخل الصفحة بل يظهر في: التبويب، المفضلة، نتائج البحث.</p> </li> <li data-start="2300" data-end="2340"> <p data-start="2302" data-end="2340">مهم جدًا لـ SEO وتجربة المستخدم.</p> </li> </ul> <div class="prp-rating-box" data-post="1130"> <div class="prp-stars"> <span class="prp-star" data-value="1">★</span> <span class="prp-star" data-value="2">★</span> <span class="prp-star" data-value="3">★</span> <span class="prp-star" data-value="4">★</span> <span class="prp-star" data-value="5">★</span> </div> <div class="prp-info">التقييم: <strong>0</strong> من <strong>0</strong> تصويت</div> </div> <!-- CONTENT END 2 --> </div><!-- .entry-content --> </div> </article><!-- #post-1130 --> <nav class="navigation post-navigation" aria-label="مقالات"> <h2 class="screen-reader-text">تصفّح المقالات</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.tefagoo.com.eg/8-%d8%a7%d9%84%d8%a8%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-%d9%84%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d9%88%d9%89-%d8%a7%d9%84%d8%a7/" rel="prev"><div class="post-navigation-sub"><small><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-left-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28"><title>السابق السابق

8 – < html >, < head >, < body > – البنية الأساسية للصفحة – المستوى الاول

موضوعات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *