ضغط اكواد CSS لتحسين سرعة ظهور موقعك

سبق وطرحت موضوعا حول كيفية تسريع موقعك وعلاقته بمحرك البحث ودرسنا اليوم يتعلق بموضوع تحسين سرعة الموقع الخاص بك. وهاته الطريقة تعتمد على ضغط اكواد CSS. يمكن القيام بهاته العملية بسهولة اعتمادا على موقع مجاني واحد ولكي لا نطيل المقدمات اليكم الشرح.

ضغط اكواد CSS:

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

كيفية تحميل نسخة احتياطية من قالب مدونتك:(بلوجر)

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

تحديد اكواد CSS في قالب المدونة:

في التسمية "قالب" اضغط على زر تحرير html.

ثم انقر في اي مكان فارغ في القالب واضغط على الزرين ctrl + f لينبتق مستطيل صغير خاص بالبحث اكتب داخله <b:skin>

وستكون النتيجة كالتالي <b:skin></b:skin> اضعط على المثلت الصغير الموجود جانب هاته العبار ليضهر لك ما يوجد بين الوسمين. انسخ كل ما يوجد بينهما لان ما تنسخ هي اكواد CSS.

ضغط الاكواد:

تفضل بدخولك على هذا الموقع cssminifier .
الصق الكود الذي نسخته في الخطوة السابق في الخانة البيضاء المتواجدة على اليسار.
انقر على الزر Minify .

بعد هاته الخطوات ستحصل على الكود المضغوط و ما عليك الا نسخ ولصقه مكان الكود الاصلي ثم احفظ القالب وشكرا على تتبعك.

.اتمنى ان ينال الشرح اعجابكم وان يكون لي دخل في تحسن سرعة مواقعكم

موقع blogsmonitor لاضافة تغدية موقعك اليه وتسريع الارشفة بمحرك البجث

ساقوم بشرح موقع blogsmonitor لاضافة تغدية موقعك اليه وتسريع الارشفة بمحرك البجث قوقل.

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

شرح بالفيديو:

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

لائحة مواقع لتضيف اليها تغدية موقعك لتقوية الارشفة

من الطرق المتعددة لتقوية ارشفة موقعك وكسب الباكلينس وتقوية الارشفة في محرك بحث قوقل هي اضافة تغدية موقعك لمجموعة من المواقع المتخصصة في هذا الامر.

هاته الطريقة سهلة لكن الناس يملون من البحث على المواقع. اليوم ساقدم لكم لائحة تتضمن 7 احسن مواقع لتضيف اليها تغدية موقعك. في انتظار شرحي لطريقية استخدام هاته المواقع في حالة واجه احدكم صعوبات.

موقع feedage :

البيج رانك: 5

موقع feedcat :

البيج رانك: 6

موقع plazoo :

البيج رانك: 6

موقع readablog :

البيج رانك: 5

موقع solarwarp :

البيج رانك: 5

موقع blogsmonitor :

البيج رانك: 4

موقع rssmicro :

البيج رانك: 5

اتمنى ان يعجبكم الموضوع في انتظار تعليقاتكم.

تخزين اكواد CSS في قوقل درايف

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

التأثيرعلى سرعة الموقع:

الموقع ذو السرعة البطيئة يكون مكروها من قبل الزوار لان الزائر يريد الحصول على المعلومة المطلوبة بدون تاخير وبطبيعة الحال موقعك ليس هو الوحيد الذي يتوفر على المعلومة فهناك الكثير من المواقع الذي تتوفر على نفس المعلومة لكنها تنال اعجاب الزوار نظرا لسرعتها وسهولة استعمالها. كما انه لتخزين الملفات تأثير على السيو.

تخزين ملفاتك في قوقل درايف:

المميزات:

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

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

يكمنك تخزين ملفات CSS و Java-script لكننا سنكتفي بملفات CSS فقط في هذا الدرس.

الشرح:

نسخ اكواد CSS الموجودة بين <b:skin> و <b:skin/>.
لسقها في مفكرة (notepad).
ثم الضغط على حفظ.
سمي الملف كيفما شئت سرط ان يكون css.
واختار UTF-8 كما توضح الصورة.

كيفية تخزين الملفات في جوجل درايف:

الولوج الى https://drive.google.com ثم تسجيل الدخول بحسابك.
ثم اضعط على الزر الاحمر الموجود على اليسار.
اختار ملف او folder على حسب اللغة التي تستعملها.
ثم اختر اي تسمية لهذا الملف.

ثم افتح الملف الذي انشاته للتو واضغط مجددا على الزر الاحمر الموجود في اليسار واختر ملفات. ثم اختر الملف من سطح المكتب واضعط على Share. كما توضح الصورة.

بعد ذلك اضغط على Advanced واختار Public ئم قم بنسخ هذا الرابط.

كيفية اضافة الرابط الى بلوجر:

مثلا ها هو الرابط الذي نسخته https://drive.google.com/file/d/XXXXXXXXXXXXXX/edit?usp=sharing

قم باستبدال file/d/ ب /host/ :

https://drive.google.com/host/XXXXXXXXX

وخيرا في قالب بلوجر قم بلصق الرابط التي تحصلت عليه بعد اجراء التغييرات تحت وسم <head>. بعد وضعها في هذا الشكل:

إضافة All in One SEO Pack خاصة بمدونات بلوجر

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

ومن اهم اضافات وورد بريس في مجال السيو هي All in One Seo Pack .

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

اعلم انك لم تفهم جيدا ما قلته في اخر سطر.

استعمال هاته الاضافة مع بلوجر لتحسين السيو سيكون عن طريق اجراء بعض التعديلات على القالب لاضافة هذا الكود:

"

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

</b:if>

<b:if cond='data:blog.metaDescription != ""'>

</b:if>

<b:if cond='data:blog.pageType == "archive"'>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

<b:else/>

<b:if cond='data:blog.pageTitle != data:blog.title'>

</b:if>

</b:if>

"

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

لتركيب الكود ادخل الى تعديل قال المدونة ثم ابحث عن الوسم <head> وقم بجذف اي ميتا تاج قديمة ثم الصق الكود اسفل الوسم

ملاحظة: لا تنسى ابدال الروابط الخضراء برابط حسابك.

تسريع موقعك واحتلال المراتب الاولى في جوجل تقليص حجم الصور

طموح كل المدونين هو احتلال المراتب الاولى في جوجل لاستقطاب عدد كبير من الزوار يناقشون فكرك ويساهمون في شهرة موقعك

SEO كما يعلم الاغلبية فتصدر نتائج البحث يتطلب اعداد الموقع لمحركات البحث وهذا ما يسمى ب ال

وبطبيعة الحال لا يمكن حصر السيو في موضوع واحد لذا ساقدم مجموعة من الدروس التي ستساعدك على نشر موقعك واستقطاب الزوار

درس اليوم هو درس من دروس تسريع الموقع وبالضبط تقليص حجم الصور التي لحجمها تاتير كبير على سرعة مدونتك او موقعك

:الشرح

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

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

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

كيفية تقليص حجم الصورة

: لكن من اهمها واكثرها جدوة "decrease image size" هناك العديد من الخدمات المجانية ويكمنك الاطلاع عليها بمجرد كتابة

وهي خدمة من خدمات ياهو "smush.it"

كيفية استعمالها

ثم اختر الصورة من سطح مكتبك "uploader" وبعد ذلك اضغط على زر smush.it الولوج الى موقع الخدمة

."Smush"وبعد ذلك اضغط على الزر

.واخيرا ستقوم بتحميل ملف مضغوط كل ما عليك هم فك الضعط لتتحصل على الصورة النهائية التي ستضيفها الى مواضيعك

نهوض

ضغط اكواد CSS لتحسين سرعة ظهور موقعك

موقع blogsmonitor لاضافة تغدية موقعك اليه وتسريع الارشفة بمحرك البجث

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

لائحة مواقع لتضيف اليها تغدية موقعك لتقوية الارشفة

تخزين اكواد CSS في قوقل درايف

إضافة All in One SEO Pack خاصة بمدونات بلوجر

تسريع موقعك واحتلال المراتب الاولى في جوجل تقليص حجم الصور

المشاركات الشائعة

أرشيف المدونة الإلكترونية

أقسام المدونة

التسميات