السلام عليكم ورحمة الله وبركاته
الكثير من قرأ عن الألت تاج 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>
<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>
وأخيرا قم بحفظ القالب وتمتع بصورك
التي ستجدها في محركات البحث والتي ستجلب لك زوارا كثر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
تذكير: ليس لك الحق في نقل الموضوع دون ذكر المصدر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
دمتم في أمان الله
ليست هناك تعليقات:
إرسال تعليق