المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [حصري] : تعلم تحويل ستايل style الووردبريس لـHTML5 مطابق لها ولمعايير جوجل GOOGLE بشأن الـSEO !!!


romaissa
11-01-2013, بتوقيت غرينيتش 10:10 PM
السلام عليكم

انا في موضوع سابق أظهرت مدى اهمية لغة html5 بالنسبة للسيو وجوجل GOOGLE على وجه الخصوص

الان سأظهر كيفية تحويل ثيم الووردبريس لها وبعد يومين ثلاثة رح اضع لكم ثيم من تحويلي لهذه اللغة للووردبريس .

وسأضع لاحقاً كيفية التحويل للمنتديات .

1- افتح لوحة التحكم الووردبريس عندك .

2- المظهر ----> المحرر .
Appearance ----> Editor

3- افتح قالب template الترويسة أو Header

ابحث عن

رمز Code:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
واستبدلها بـ

رمز Code:
<!DOCTYPE html >

ابحث عن
رمز Code:
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;>
واستبدلها بـ

رمز Code:
<html>

ابحث عن
رمز Code:
<head profile=&quot;http://gmpg.org/xfn/11&quot;>
استبدله بـ

رمز Code:
<head>

ابحث عن
رمز Code:
<meta http-equiv=&quot;Content-Type&quot; content=&quot;<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>&quot; />
استبدله بـ
رمز Code:
<meta charset=&quot;<?php bloginfo('charset'); ?>&quot; />

ابحث عن

رمز Code:
<!-- header --> <div id=&quot;header&quot;>
واستبدله بـ

رمز Code:
<!-- header --> <header>

ابحث عن

رمز Code:
</div> <!-- /header -->
استبدله بـ
رمز Code:
</header> <!-- /header -->


4- افتح قالب template الفوتر Footer

ابحث عن

رمز Code:
<!-- footer --> <div id=&quot;footer&quot;>
استبدله بـ
رمز Code:
<!-- footer --> <footer>
ابحث عن

رمز Code:
</div> <!-- footer -->
استبدله بـ

رمز Code:
</footer> <!-- /footer -->

5- افتح قالب template Single Post (single.php)

ابحث عن
رمز Code:
<?php the_content(); ?>

استبدله بـ

رمز Code:
<article><?php the_content(); ?></article>

ملاحظة : تم عمل هذا الشرح طريقة بناءً على ثيم أتوم ATOM من digitalnature , يوجد تعديلات اخرى يجب ان يتم عملها سواء على هذا الثيم او غيره و كل ثيم يختل عن غيره بالأكواد و 80% ان تجد ثيمات تستخدم نفس اكواد بعضها البعض .


هذا العمل تعريفي بكيفية التحويل لهذه اللغة الرائعة .

سيتم انزال ثيم ATOM المعرب و المحول كاملاً للـHTML5 في خلال عدة ايام ان شاء الله .


ملخص لغة الـHTML5 أنها بنيت لردم العشوائيات وبنيت ايضاً بهدف جعل الستايل styleات أخف وأنيقة أكثر وحذف جميع الوسوم الغير لازمة .

هذه الطريقة وضعت في هذا القسم لأنها مهمة بالنسبة لجوجل GOOGLE والسيو أكثر من المظهر الخارجي .

هذا الشرح طريقة حصري لمنتديات ديزاد باتنة (http://dzbatna.net/vb) في ركن تقنيات المواقع SEO و XML و RSS و محركات البحث (http://dzbatna.net/vb/forumdisplay.php?f=60) مقدم من قبل Firas (http://dzbatna.net/vb/member.php?u=81557) .


أتمنى ان يتم تحويل ستايل style ديزاد باتنة الحالي في أقرب وقت لـHTML5 بما أن ديزاد باتنة أصل التطوير العربي فهي يجب ان تكون السبّاقة بهذه الأمور .





مصادر جديرة بالاطلاع :

[شرح طريقة] الـHTML5 و الـSEO - :: TRAIDNT FORUM :: (http://dzbatna.net/vb/showthread.php?t=1845872)
نظرة على الـ HTML5 والجديد فيها | عالم التقنية (http://www.tech-wd.com/wd/2014/04/12/html5/)
HTML5 (http://dev.w3.org/html5/spec/Overview.html)
HTML5 Tutorial (http://www.w3schools.com/html5/default.asp)


صفحتي على الفيس بوك
(http://www.facebook.com/firaseo)
تحياتي لكم





https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى