الاثنين، 10 سبتمبر 2012
أضف صور تدويناتك لمحرك البحث جووجل تلقائيا seo
السلام عليكم ورحمة الله وبركاته
الكثير من قرأ عن الألت تاج alt tag وهو السطر الذي نضيفه بعد عنوان الصورة في أكواد الhtml وهو يفيد بحيث أن
من يبحث عن صورة في google ويجدها تكون مرتبطة بموقعك أو مدونتك
مثلا أن وضعت في تدونتة صورة وفي الوصف وضعت:عودة إلى الأعلى
إذا عندما سيبحث شخص في google images عن كلمة عودة إلى الأعلى سيجد الصورة التي وضعتها وبالتالي ستحيله الصورة
إلى مدونتي وأربح زوارا كثر
وهو يساهم أيضا في تطوير السيو الخاص بك seo
كما أن من مميزات هذا الكود أيضا أنه يباشر عمله ليس على الصور الجديده فحسب بل وعلى الصور القديمه أيضا التى تم إضافتها قبل أن تعلم أنت بهذا الكود, فبمجرد إضافته يقوم بعمل كل هذه الخطوات وتطبيقها على جميع الصور الموجوده وما سوف يضاف منها لاحقا أيضا.
لكن الكثير لا يعرف كيفية إضافة هذا الكود للصورة
الآن
لن تتعب مرة أخرى فى إضافة عنوان أو وصف أو شرح أو كلمات مفتاحيه للصوره
بنفسك ... بل ستحصل على ذلك أوتوماتيكيا بمجرد إضافة كود الجافا سكريبت هذا
إلى كود مدونتك, وبكل سهوله ويسر كل ما عليك هو إضافة الصور لتدويناتك فقط
ودع هذا الكود يعمل على إضافة العناوين والوسوم والكلمات المفتاحيه والوصف
لهذه الصور.الكثير من قرأ عن الألت تاج alt tag وهو السطر الذي نضيفه بعد عنوان الصورة في أكواد الhtml وهو يفيد بحيث أن
من يبحث عن صورة في google ويجدها تكون مرتبطة بموقعك أو مدونتك
مثلا أن وضعت في تدونتة صورة وفي الوصف وضعت:عودة إلى الأعلى
إذا عندما سيبحث شخص في google images عن كلمة عودة إلى الأعلى سيجد الصورة التي وضعتها وبالتالي ستحيله الصورة
إلى مدونتي وأربح زوارا كثر
وهو يساهم أيضا في تطوير السيو الخاص بك seo
كما أن من مميزات هذا الكود أيضا أنه يباشر عمله ليس على الصور الجديده فحسب بل وعلى الصور القديمه أيضا التى تم إضافتها قبل أن تعلم أنت بهذا الكود, فبمجرد إضافته يقوم بعمل كل هذه الخطوات وتطبيقها على جميع الصور الموجوده وما سوف يضاف منها لاحقا أيضا.
والآن نأتى للجزء العملى من الموضوع وهو كيفية تطبيق وإضافة الكود :
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
أولا نأخذ نسخة من قالبنا
نذهب إلى تصميم
تحرير HTML
توسيع القالب
نضغط
CTRL+F
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
نبحث عن الكود التالي:
</body>
وضع هذا الكود قبلة
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
وأخيرا قم بحفظ القالب وتمتع بصورك
التي ستجدها في محركات البحث والتي ستجلب لك زوارا كثر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
تذكير: ليس لك الحق في نقل الموضوع دون ذكر المصدر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
دمتم في أمان الله
بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
ضع تعليقك
0 التعليقات:
إرسال تعليق