كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث
صفحة 1 من اصل 1
كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث
أقدم لكم اليوم شرح بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،
البعض منا يعلم أنه هناك عناصر يجب أن نضعها في كود html ولكن لا نريد إظهارها للزائر
مثال: لو كان شعار الموقع «logo» عبارة عن صورة، بهذه الطريقة لن تتمكن من كتابة اسم الموقع «كـ نص»، وسيكون لها تأثير على محركات البحث، حيث لن تتم أرشفة الموقع بشكل صحيح.
الآن نريد أن نضع شعار الموقع عبارة عن صورة، ونص أيضا لمحركات البحث
نقوم بإضافة «tag» على ذوقك، مثال سأضيف «h1»، ونريد أن نضع له صورة الشعار «كـ خلفية»، وأيضا داخل نفس العنصر ولكن لا نريد أن نظهره للجميع.
دعونا نقوم بكتابة الكود بالطريقة الافتراضية
html:
- الكود:
<h1 id="logo"><span>ahlamontada Forum for all Arab</span></h1>
- الكود:
#logo {
width: 500px;
height: 200px;
background: url("http://2img.net/i/fa/optimisation_fdf/ar/new-header.jpg")
0 0 no-repeat;
}
لاحظ النتيجة بالصورة التالية:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الآن سنقوم بإخفاء العنصر المحتوي على النص، من خلال إضافة الكود التالي:
css:
- الكود:
#logo{
position: relative;
overflow: hidden;
}
#logo span{
position: absolute;
right: -99999em;
top: -99999em;
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
كما نلاحظ أن النص اختفى رغم وجوده في «html»
ملاحظة هامة جدا: أثبت خبراء «seo» أن هذه الطريقة هي الصحيحة مقارنة باستخدام الخاصية «display: none».
كما نلاحظ أن النص اختفى رغم وجوده في «html»
ملاحظة هامة جدا: أثبت خبراء «seo» أن هذه الطريقة هي الصحيحة مقارنة باستخدام الخاصية «display: none».
5ameS- المشرف العام
-
الجنس :
عدد مشاركاتى : 351
السٌّمعَة : 0
تاريخ التسجيل : 22/04/2010
•عُمرِےُ *: : 27
•مُوِقُعـےُ •|: : egy-2day.yoo7.com
مواضيع مماثلة
» طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية
» شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة
» كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم
» المناره (قناة البحث العلمي)
» كود css لوضع الواجهه بعرض الصفحة بالكامل كمنتديات الفي بي للنسخه 2
» شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة
» كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم
» المناره (قناة البحث العلمي)
» كود css لوضع الواجهه بعرض الصفحة بالكامل كمنتديات الفي بي للنسخه 2
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى