الدرس الثالث | الطريقة الصحيحة لتسريع المنتديات + تعديل قوالب الاستايل ليتوافق مع محركات البحث + الم

DeleGnT

DeleGnT

Delegnt.net Moderator
1copypc.gif


حياكم الله وبياكم أحبتي الكرام منتسبي دورة الارشفة الاحترافية ..

تعلمنا في الدرس الأول شرح طريقة تسجيـل مواقعنا في أهم ثلاث محركات بحث عالمية وطريقـة التأكد من ملكية مواقعنا ..

تعلمنا في الدرس الثاني طريقـة تسجيل موقعنا في اليكسـا وتفعيـل الحساب .. بالاضافة الى رفع بعض الملفات الى موقعك ..

في درسنـا اليـوم سوف نخوض في لوحة تحكم المنتدى والتعديل في إعداداته وقوالب الاستايل ..

نبدأ على بركة الرحمن في تطبيق الدرس ..

16511077.gif


إن من عوامل نجآح موقعنا وجاذبيتة للزوار الكرام هو السرعة في تصفح المنتدى وكذلك عناكب محركات البحث

تفضـل المواقـع التي يكـون تصفحها سريـع .. لأن العناكب في المواقـع البطيئـة ممكن تعمل 40 بينج في الساعـة

ولكن المواقع السريعة ممكن يصل الى 120 مرة أي ثلاثة أضعاف ..

في هذة الخطوة سوف نتعلم طريقة فحص حجم الصفحة او سرعة فتح الموقع وهل الموقع بصورة ممتازة او لا

قم بالدخول إلى الموقع التالي لتطبيق الشرح وتابع معي ..

http://www.whatsmyip.org/http_compression

1copyx.gif


Original Size: 101.87 KB // الحجم الاصلي للصفحة قبل الضغط

Gzipped Size: 14.76 KB // حجم الصفحة بعد الضغط .. في حال كان موقعك صفحتة أكبر من 40KB سيكون بطيء نوعاً ما

Data Savings: 85.51% // مستوى الضغط

الآن كل شخص منكم يستطيع مشاهدة نتائج تطبيق الخطوة القادمة وهي تسريع المنتدى ..

:3:

16511077.gif


بخصوص تسريع المواقع وخآصة المنتديات ..

أول شيء أحب أن أخبركم به وهو يخص الاستايل // يا إخوان نرى في بعض الاحيان مواقع لها إستايل يحتاج له 5 دقائق لتفتح الصفحة ..

قد يكون مالك الموقع لدية سرعة إتصال عالية جداً لذلك لم يلاحظ ثقل الموقع .. لا أخبركم بأن لا تنشئون إستايلات فلاشية او شيء من ..

ها القبيل ولكن يجب ان يكون الاستايل الافتراضي خفيف للغاية وضع إستايلك الاخر اللي يبية مزاجكـ ..

:sm136:

16511077.gif


الطرق الشائعة لتسريع المنتديات ..

تفعيل ضغط Gzip : لوحة تحكم » خيارات المنتدى » خيارات الكوكيز و عناوين HTTP الرأسية » قم بعمل الآتي »

2copyx.gif


خيارات الكوكيز و عناوين HTTP الرأسية »

3copy.gif


مخرجات GZIP للغة HTML » إجعلة نعم

مستوى ضغط GZIP : قم بضبطة على حسب مستوى سيرفرك [ 3 للسيرفرات الضعيفة - 5 او 7 للسيرفرات القوية ] ..

4copyv.gif


:3:

16511077.gif


تركيب أضافة ضغط أكواد قوالب المنتدى : قم بتحميل الملف التاليـ // إضغط هنا // للتركيب اتبع الشرح ~

لوحة تحكم » المنتجات والإضافات Plugins » تنزيل / رفع الإضافات Plugins » إستيراد ملف XML الخاص بتعاريف الإضافات » قم بعمل الآتي »

5copyk.gif


إستيراد ملف XML الخاص بتعاريف الإضافات »

6copy.gif


قم بتحديد الملف الذي قمت بتحميلة بعد عملية الاستخراج طبعاً ومن ثم إضغط على إستيراد ..

تحذير // : لاتقم يتركيب الهاك المسؤول عن تسريع المنتديات حتى لايسبب لك مشاكل في قواعد البيانات لاحقاً ..

:3:

16511077.gif


الجزء الثاني من الدرس : التعديل على قوالب الاستايلـ ..

أولاً سأقوم بأستعراض طريقة البحث و التعديل على القوالب بشكل سريع لمراعاه المبتدئين في المجال ..

قم بالدخول إلى لوحة تحكم الأدارة الخاصة بك وتابع الشرح معي

قم بالضغط على البحث في القوالب

43965050.gif


سنقوم بكتابة أسم القالب ولنفرض أننا نبحث عن القالب التالي

FORUMDISPLAY

وبعد كتابة أسم القالب في المكان المخصص سنقوم بالضغط على كلمة البحث

62437886.gif


سوف تظهر لك القائمة ويوجد بها القالب الذي قمت بالبحث عنة

القالب الذي باللون الأحمر : سبق وقمت بتعديلة أت أو مصمم الإستايل

أما القالب الذي باللون الأسود لم يتم تعديلة من قبل

80716963.gif


وسوف نقوم بالدخول على القالب وتطبيق أي شرح

بتعديل القالب بسهولة ويسر

:3:

16511077.gif


تعديلات أساسية في الأرشفة

الفائدة // : تقويـة الكلمة البحثية للركـن الخاص بك والمواضيـع لظهورهـا في محركـات البحث

يتطلب وقت ظهور القسم الخآص بك في أعلى النتائج خصوصاً المنتديات التي لها أقسام مألوفة

16511077.gif


تعديل الإستايل

قم بالدخول إلى قالب [ FORUMDISPLAY ] وأبحث عن الوسم التالي
PHP: 
$navbar

أضف أسفلة الكود التالي

PHP: 
<br>
<table align="center" border="0" cellspacing="0" cellpadding="6"  width="100%" style="border:1px solid #E1E1E1; height: 9px;">  <tr> <td class="alt2" width="100%"  style="padding-left:5px;padding-right:5px;" valign="middle"> 
<div id="tags"> 
<h1>$foruminfo[title_clean]</h1> 
<h2>$foruminfo[description]</h2> 
</div> 
 </td> </tr></table> 
<br>
تطبيـق التعديـل

مثال حي // : http://www.delegnt.net/vb/forumdisplay.php?f=61 ~

مثال مصور // :

1copyf.gif



قم بالدخول إلى قالب [ SHOWTHREAD ] وأبحث عن الوسم التالي
PHP: 
$navbar

أضف أسفلة الكود التالي

PHP: 
<!-- Tags -->
<div id="tags">
<h1 align="center">
<a style="text-decoration: none" title="$thread[title]"  href="showthread.php?$session[sessionurl]t=$threadid">$thread[title]</a></h1>
<h2 align="center">
<a style="text-decoration: none" title="$foruminfo[title_clean]"  href="forumdisplay.php?$session[sessionurl]f=$forumid">$foruminfo[title_clean]</a></h2>
</div>
<!-- // Tags -->
مثال حي // : http://www.delegnt.net/vb/showthread.php?t=12246 ~

مثال مصور // :

05102011043019copy.gif


ضبط حجم الخط ونوعة للوسمين في حال ظهرت بشكل مشوة لمنظر الاستايل عن طريق Css كالآتي ..

خيارات المنتدى » الإستايلات والقوالب » التحكم بالاستايلات » من الاستايل الذي قمت بتعديل الوسوم فية اختر من قائمة الخيارات Css رئيسي » تعاريف CSS الإضافية/Additional CSS Definitions

أضف في الصندوق الكود التالي في نهاية أحد الصندوقين ..

PHP: 
#tags { 
text-align: center; 
font-family: Arial, Tahoma, Verdana; 
} 

#tags h1 { 
font-size: 19px;  
color: black; 
font-weight: bold; 
} 

#tags h2 { 
font-size: 17px;  
color: black; 
font-weight: bold; 
}
الإستايلات والقوالب » التحكم بالاستايلات »

5copyo.gif


من الاستايل الذي قمت بتعديل الوسوم فية اختر من قائمة الخيارات Css رئيسي »

6copyb.gif


تعاريف CSS الإضافية/Additional CSS Definitions »

7copy.gif


ثم أحفظ التعديلات بالضغط على حفظ أسفل الصفحة ..

8copyg.gif


:8:

حذف أسم المنتدى من صفحة المواضيع ..

قم بالدخول إلى قالب [ SHOWTHREAD ] وأبحث عن الكود التالي [ في أول القالب غالباُ ] ~
PHP: 
<title>$thread[prefix_plain_html] $thread[title]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if> -  $vboptions[bbtitle]</title>
أستبدلة بالكامل بالكود التالي ..

PHP: 
    <title>$thread[prefix_plain_html] $thread[title]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if></title>

بمعنى آخر حذف الكود التالي ..

PHP: 
 - $vboptions[bbtitle]

حذف أسم المنتدى من صفحة الاقسام ..

قم بالدخول إلى قالب [ FORUMDISPLAY ] وأبحث عن الكود التالي [ في أول القالب غالباُ ] ~

PHP: 
<title>$foruminfo[title_clean]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if> -  $vboptions[bbtitle]</title>
أستبدلة بالكامل بالكود التالي ..

PHP: 
<title>$foruminfo[title_clean]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if></title>

بمعنى آخر حذف الكود التالي ..

PHP: 
 - $vboptions[bbtitle]

حذف أسم المنتدى من صفحة الملفات الشخصية للأعضاء ..

قم بالدخول إلى قالب [ MEMBERINFO ] وأبحث عن الكود التالي [ في أول القالب غالباُ ] ~

PHP: 
<title>$vboptions[bbtitle] - $vbphrase[view_profile]: $userinfo[username]</title>
أستبدلة بالكامل بالكود التالي ..
PHP: 
<title>$userinfo[username]</title>
16511077.gif


إضافة وصف المنتدى والكلمات المفتاحية // مهم جداً // بالطريقة الصحيحة

لوحة تحكم » خيارات المنتدى » الإعدادات العامة » كلمات مفاتيح البحث » وصف الميتا/ Meta » يرجى التركيز »

أولاً » كلمات مفاتيح البحث » تضع هنا كلمات ثم فاصلة عشرية ثم فراغ وبعدها كلمة اخرى وهكذا تجري العملية »

مثال » دورات تعليمية , تطوير المنتديات , شروحات البرامج , بلاك بيري , أفضل معهد عربي للشروحات الحصرية

// هام // : يفضل إضافة 15 كلمة كحد اقصى ويفضل أن تكون بين 11 و 14 كلمة بحث ..

ثانياً » وصف الميتا/ Meta » هنا تضع وصف عن منتداك فيما لا يزيد عن 150 الى 200 حرف وتضع فية موجز

بسيـط عن خدمات موقعك وأهدافة بعدة كلمـات تعني وتفهم الزائـر محتوى موقعك ومحركات البحث ايضاً ايها الاحبة

:3:

16511077.gif


تفعيل الاقتباس التلقائي لعناوين المواضيع في كل رد لعنوان الموضوع بشكل تلقائي ..

لوحة تحكم » خيارات المنتدى » خيارات نشر المشاركات وتعديلها » الاقتباس التلقائي لعناوين المشاركات/المواضيع » إختر "نعم "

2copyx.gif


خيارات نشر المشاركات وتعديلها »

3copy.gif


الاقتباس التلقائي لعناوين المشاركات/المواضيع » إختر "نعم "

4copyp.gif


انزل للأسفل واضغط على حفظ ..

8copyg.gif


مثال حي // : http://www.delegnt.net/vb/showthread.php?t=24198 ~

مثال مصور // :

9copyu.gif


:8:

16511077.gif


تفعيل المواضيع المتشابهه أسفل كل موضوع بشكل تلقائي ..

لوحة تحكم » خيارات المنتدى » خيارات البحث في المواضيع » البحث التلقائي في المواضيع المماثلة » إختر "نعم "

2copyx.gif


خيارات البحث في المواضيع »

10copy.gif


البحث التلقائي في المواضيع المماثلة » إختر "نعم "

11copym.gif


انزل للأسفل واضغط على حفظ ..

8copyg.gif


مثال حي // : http://www.delegnt.net/vb/showthread.php?t=21027 ~

مثال مصور // :

05102011060620copy.gif


:8:

16511077.gif


شروحات أضافية

http://www.delegnt.net/vb/showthread.php?t=1439
http://www.delegnt.net/vb/showthread.php?t=3138

:3:
​
 


delegnt قال:


حذف أسم المنتدى من صفحة المواضيع ..

قم بالدخول إلى قالب [ showthread ] وأبحث عن الكود التالي [ في أول القالب غالباُ ] ~
PHP: 
<title>$thread[prefix_plain_html] $thread[title]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if> -  $vboptions[bbtitle]</title>
أستبدلة بالكامل بالكود التالي ..

PHP: 
<title>$thread[prefix_plain_html] $thread[title]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if></title>
حذف أسم المنتدى من صفحة الاقسام ..


​
أنقر للتوسيع...
سلام عليكم
عند تطبيق الشرح وصلت إلى هده الخطوة عند تعديل القالب ياتني الخطأ التالي

حدث الخطأ التالي عند محاولة تقييم هذا القالب:
الشرط الموجود بالسطر رقم 5 يبدو أنه لا يحتوي على كود البداية (<if>). هذا قد يؤدي إلى مشاكل غير متوقعة اذا قمت بالاستمرار.​
من المحتمل أن سببه هو تعبير شرطي مشوه. ينصح إلى حد كبير أن تصلح هذا الخطأ قبل الاستمرار, لكنه يمكنك الاستمرار إذا كنت تريد.
أنقر للتوسيع...
 


safsoo قال:
سلام عليكم
عند تطبيق الشرح وصلت إلى هده الخطوة عند تعديل القالب ياتني الخطأ التالي


​
أنقر للتوسيع...


انا ايضا ظهر لي نفس المشكل وعند المتابعة اصبحت الاقسام تظهر بهذا الشكل

scaled.php
 


اما بالنسبة حذف أسم المنتدى من صفحة الاقسام ..

فلم اجد الكود الذي انت وضعته الدي هو
كود: 
<title>$foruminfo[title_clean]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if> -  $vboptions[bbtitle]</title
>


فما وجدته هو
كود: 
$headinclude
<title>$foruminfo[title_clean]</title>
<if condition="$show['inlinemod']"><script type="text/javascript" src="clientscript/vbulletin_inlinemod.js?v=$vboptions[simpleversion]"></script></if
>


شكرا جزيلا لك لما تبذله وبارك الله فيك
 


safsoo قال:
سلام عليكم
عند تطبيق الشرح وصلت إلى هده الخطوة عند تعديل القالب ياتني الخطأ التالي


​
أنقر للتوسيع...

وعليكم السلام والرحمة ..

تم التعديل الشرح عزيزي ..

:8:
​
 


al-mosbah pro قال:
اما بالنسبة حذف أسم المنتدى من صفحة الاقسام ..

فلم اجد الكود الذي انت وضعته الدي هو
كود: 
<title>$foruminfo[title_clean]<if  condition="$pagenumber>1"> - <phrase  1="$pagenumber">$vbphrase[page_x]</phrase></if> -  $vboptions[bbtitle]</title
>


فما وجدته هو
كود: 
$headinclude
<title>$foruminfo[title_clean]</title>
<if condition="$show['inlinemod']"><script type="text/javascript" src="clientscript/vbulletin_inlinemod.js?v=$vboptions[simpleversion]"></script></if
>


شكرا جزيلا لك لما تبذله وبارك الله فيك
أنقر للتوسيع...

ياهلا وسهلا فيك حبيبي ..

خذ نسخة احتياطية للقالب لديك .. قم بالبحث عن الوسم ..

PHP: 
$headinclude

اسفلة ستجد كود بين الوسم الشرطي ..

PHP: 
<title>

PHP: 
</title>

قم بأستبدالهما ومابينهما بالكود المرفق في الدرس ..

اتمنى تكون وضحت لك الفكرة او يمكنك ارفاق القالب لتعديلة لك ..

:8:
​
 


الله يحفظك اخي عبد الرحمان على الشرح الروعة ..

كانت هناك امور مطبقة وتم اضافة تطبيقات اخرى

سلمت الايايدي والله يجازيك عنا كل خير
 


بالنسبة للمرحلة الاولى من الشرح
كانت النتيجة بأن ملفات المنتدى غير مضغوطة ولا يوجد في الشرح طريقة للضغط
هل لديك طريقة استاذي الكريم لضغط الملفات
420_01318023074.jpg


- تم وضع مستوى ضغط GZIP على درجة 2 باعتباري على سيرفر مشترك
- تم تركيب ملف XML الخاص بضغط أكواد قوالب المنتدى
- بالنسبة لقالب FORUMDISPLAY ما رأيك لو تضيف رابط فوق عنوان القسم الرئيسي
كما هو الحال في قالب SHOWTHREAD

الف شكر اخي الغالي على جهودك وساكمل تطبيق باقي الدرس يوم الغد
 


albrenss77 قال:
بالنسبة للمرحلة الاولى من الشرح
كانت النتيجة بأن ملفات المنتدى غير مضغوطة ولا يوجد في الشرح طريقة للضغط
هل لديك طريقة استاذي الكريم لضغط الملفات
420_01318023074.jpg


- تم وضع مستوى ضغط gzip على درجة 2 باعتباري على سيرفر مشترك
- تم تركيب ملف xml الخاص بضغط أكواد قوالب المنتدى
- بالنسبة لقالب forumdisplay ما رأيك لو تضيف رابط فوق عنوان القسم الرئيسي
كما هو الحال في قالب showthread

الف شكر اخي الغالي على جهودك وساكمل تطبيق باقي الدرس يوم الغد
أنقر للتوسيع...

هلا وسهلا فيك يالغالي ..

بالنسبة للنتيجة هل أنت متأكد من تفعيلك لخيار الضغط في لوحة التحكم ..

إن كان جوابك نعم .. فقد يكون مزود خدمة الاستضافة لموقعك معطل الخاصية من اعدادات السيرفر ..

ولو تلاحظ حجم الصفحة سيكون اقل من 20kb ان تم الضغط كما هو موضح في الصورة .. أي سكون موقعك سريع جداً جداً بأن الله تعالى ..

بالنسبة لقالب الفورم ديسبلاي .. مفي داعي لذلك كوننا سوف نتعمد عليها ككلمات مفتاحية فقط ,, نحن في نفس الصفحة المستهدفة !!

أي إستفسار آخر في الخدمة عزيزي ..

:3:

​
 


جزيل الشكر لك اخي الغالي
وانشاء الله
لي عوده في التطبيق الكامل للدرس
تم تطبيق جزء بسيط بسبب ضيق الوقت
لدي
 


مشكور أخوي عبد الله درس رائع

بس استفسار ليش نحذف اسم المنتدى رح تفيد الحركة هاي !
بمرة من المرات كان شخص كاتب موضوع في المنتدى عن الارشفة وكان حاطط حذف اسم المنتدى وانته حكيت انك تفضل يضل اسم المنتدى وما ينحذف
شكراً كتير
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى