(شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،

اذهب الى الأسفل 
كاتب الموضوعرسالة
وهبة الساحر
 
 
وهبة الساحر


ذكر
عدد المساهمات : 9060
معدل النشاط : 14825
السُمعة : 135

 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  Empty
مُساهمةموضوع: (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،     (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  Emptyالأحد 16 أغسطس 2015 - 13:09


(شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،

(شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،

 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  613623



أقدم لكم اليوم شرح بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،
البعض منا يعلم أنه هناك عناصر يجب أن نضعها في كود html ولكن لا نريد إظهارها للزائر

مثال: لو كان شعار الموقع «logo» عبارة عن صورة، بهذه الطريقة لن تتمكن من كتابة اسم الموقع «كـ نص»، وسيكون لها تأثير على محركات البحث، حيث لن تتم أرشفة الموقع بشكل صحيح.
الآن نريد أن نضع شعار الموقع عبارة عن صورة، ونص أيضا لمحركات البحث
نقوم بإضافة «tag» على ذوقك، مثال سأضيف «h1»، ونريد أن نضع له صورة الشعار «كـ خلفية»، وأيضا داخل نفس العنصر ولكن لا نريد أن نظهره للجميع.

دعونا نقوم بكتابة الكود بالطريقة الافتراضية
html:


الكود:
<h1 id="logo"><span>ahlamontada Forum for all Arab</span></h1>
css:
الكود:

        #logo {
                 width: 500px;
                 height: 200px;
                 background: url("http://2img.net/i/fa/optimisation_fdf/ar/new-header.jpg")
         0 0 no-repeat;
 }


             
لاحظ النتيجة بالصورة التالية:
 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  2afbe6g
https://2img.net/h/oi59.tinypic.com/2afbe6g.png
الآن سنقوم بإخفاء العنصر المحتوي على النص، من خلال إضافة الكود التالي:
css:

الكود:
#logo{
         
         position: relative;
         overflow: hidden;
      }
      #logo span{
         position: absolute;
         right: -99999em;
         top: -99999em;
      }

الآن لاحظ النتيجة النهائية:
 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  Jqluu9
https://2img.net/h/oi60.tinypic.com/jqluu9.png

كما نلاحظ أن النص اختفى رغم وجوده في «html»

ملاحظة هامة جدا: أثبت خبراء «seo» أن هذه الطريقة هي الصحيحة مقارنة باستخدام الخاصية «display: none».




تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد



ارجوا ان اكون قد افدتكم
انتهي الموضوع

 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  221706
 (شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،  201477


الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://3arb-way.yoo7.com
 
(شرح) بسيط عن كيفية إخفاء عنصر من الصفحة مع جعله مصاحب لمحركات البحث،
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيفية اظهار الصفحة الرئيسية للمنتدى في محرك البحث جوجل ؟
» اضافة الموقع لمحركات البحث
» اقتراح وضع استظافه لمحركات البحث المجانيه
» كيف أضيف موقعى لمحركات البحث المشهورة
» ممكن اعرف ايه الاقسام الي مخالفه لمحركات البحث علي منتدايا ؟

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: تقنيات أخرى-
انتقل الى: