السلام عليكم ورحمة الله وبركاته
الكثير من قرأ عن الألت تاج 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>
وأخيرا قم بحفظ القالب وتمتع بصورك
التي ستجدها في محركات البحث والتي ستجلب لك زوارا كثر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
تذكير: ليس لك الحق في نقل الموضوع دون ذكر المصدر
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
دمتم في أمان الله
لو انت فعلا شايف ان الطريقه صح
ReplyDeleteومفيده جدا لمحركات البحث
طيب ليش ماطبقت الشرح على مدونتك؟
مرحبا بك أخي في المدونة
ReplyDeleteفعلا لقد طبقتها قبل وضعها هنا
ومفعول الإضافة يظهر على المدى الطويل
تحياتي
أخى الكريم ..اين نضع الكود قبل أم بعد الوسم بادى
ReplyDeleteده كمان موضوع جيد للافاده
ReplyDeleteضع اعلانك فى اى مكان فى الموضوع من غير اكواد
http://farfesh00.blogspot.com/2012/04/adsense.html
ضعة قبل
ReplyDelete