بعد از وقفه ای کوتاه تویه آموزش هامون با مبحث جدید آموزش هامون رو به روز می کنیم ...



یکی از عوامل مهم سئو و کسب رضایت کاربر سریع لود شدن سایت هست یعنی سایت شما سنگین نباشه ...



تویه این بخش نکاتی رو در این مورد خدمتتون میگم و تویه بخش های بعدی چند تاش رو کامل توضیح میدم ...



نکات کلیدی برای افزایش سرعت سایت :

1- میزبان (سروری که سایت روی اون هست باید سخت افزار مورد نیاز (رم و
سی پی یو مناسب) رو داشته باشه که از لحاظ میزبان برای سرعت سایت شما مشکلی
پیش نیاد که خوشبختانه رزبلاگ در این مورد مشکلی نداره ... )

2- کد های اضافی (کد های اضافی که عامل کاهش سرعت سایت شما میشند مثل
آی فریم (هر نوعی که باشه) یا جاوا اسکرپت ها برای زیبا کردن و.. رو تا
اونجا که میتونید از سایتتون حذف کنید )

3- استفاده از استایل به جای عکس ( تویه قالب تا اونجایی که میتونید از استایل به جای عکس استفاده کنید )

4- عکس های استفاده شده در صفحه را کم حجم کنید )

5-قالبی ولید داشته باشید و از تکنولوژی های جدید مثل ای جکس و جی کئوری استفاده کنید .

6- فایل های قالب رو در جایی آپلود کنید که سرعت خوبی داشته باشه و باعث کاهش سرعت نشه.

7-سر تا پای قالب رو کد نکنید مخصوصا عکس ها رو .



نکته 4 و 5 رو تویه بخش های بعدی کامل توضیح میدم ...

همونطور که قولش رو داده بودم میخوام نرم افزاری رو بهتون معرفی کنم که از هر لحاظ براتون خوبه ...

نرم افزار AnyPic Image Resizer Pro 1.3.5 میتونه به راحتی با چند
کلیک فرمت عکس شما رو تغیر بده یا اندازه اون رو کاهش بده و موجب کاهش حجم
بشه و این هم از لحاظ پهنای باند براتون خوبه هم حجم آپلود تویه رز آپ و هم
سئو !


دانلود نرم افزار :





کار با نرم افزار بسیار آسان هست ولی یه توضیح کوتاه میدم :

اول فایل فشرده شده رو دانلود کنید بعد از خارج کردن از حالت فشرده
فایل ستاپ رو اجرا کنید بعد از نصب از شما سریال نامبر میخواد که با اجرای
AnyPic.Image.Resizer.Pro.v1.3.5_KEYGEN-FFF.exe میتونید سریال بگیرید ...


بعد از کرک کردن نرم افزار اجرا میشه و به راحتی میتونید باهاش کار کنید .


اینجا هم یه توضیح مختصر موجود هست :


http://www.batchimageconverter.com/image-resizer-pro/tutorials.html
با ما همراه باشید ...

خب میریم سراغ بحث ولید کردن قالب سایت ...



دو تا نکته کوچیک بگم :

1- ولید کردن یعنی استاندارد کردن یا به اصطلاح همون رفع مشکلات خودمون

2- ولید کردن میتونه به سرعت لود سایتتون خیلی کمک کنه ...



بریم سراغ آموزش :



اول میریم به این ادرس : validator.w3.org

ادرس سایت رو وارد میکنیم بعد رویه چک کلیک می کنیم



ارور ها نمایش داده میشه



ارورهای معمول :



1 ) استفاده از id بیش از یکبار در قالب

ارور :

An "id" is a unique identifier. Each time this attribute is used in a
document it must have a different value. If you are using this
attribute as a hook for style sheets it may be more appropriate to use
classes (which group elements) than id (which are used to identify
exactly one element).





نحوه رفع :

اگر در استایل قالب کلاسی به صورت زیر تعریف شده بود , از این کلاس فقط یک بار باید در قالب استفاده کنیم






اگر نیاز به چند بار استفاده هست باید در استایل به جای # , . قرار دهیم

اینجوری :










2 ) اضافی در قالب



ارور :

Line 1114, Column 31: end tag for element "div" which is not open





رفع ارور :



با توجه به خطی که در ارور نشون داده میشه میریم و اون اضافی رو پاک میکنیم



3 ) عدم تعریف alt برای عکس ها



ارور :

Line 676, Column 61: required attribute "alt" not specified





رفع ارور :



کد عکس بدون alt :

در این حات ارور میگیره















کد عکس , alt اضافه شده

حالت صحیح













4 ) استفاده نادرست از



ارور :

Line 136, Column 5: end tag for "br" omitted, but OMITTAG NO was specified





رفع ارور : قرار دادن به جای

همین کار ساده تعداد زیادی از ارور ها رو رفع میکنه





5 ) اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)

مثال :













ارور :

Line 338, Column 53: end tag for element "A" which is not open





رفع ارور :

اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم





6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم



















7) قرار ندادن / اخر تگ های متا یا استایل



مثال غلط:



/ قرار داده نشده











مثال صحیح :















همین ممکن است برای استایل قالب هم اتفاق بیفتد





8 ) آموزش رفع ارور utf -8 که اکثر قالب ها این مشکل رو دارند



رفع ارور :



برای رفع این ایراد ابتدا این برنامه را دانلود کنید .



برنامه nodpad ++



سپس فایل های قالب یکی یکی باز کنید و از منو بالای برنامه به قسمت
encoding برید و گزینه encoding in utf-8 without bom را انتخاب کنید بعد
فایل رو save کنید .



حالا قالب شما با utf-8 مشکلی نداره .





9) استفاده از تگ



ارور :

Line 128, Column 8: element "Center" undefined

✉

You have used the element named above in your document, but the
document type you are using does not define an element of that name.
This error is often caused by:



incorrect use of the "Strict" document type with a document that
uses frames (e.g. you must use the "Frameset" document type to get the
"" element),

by using vendor proprietary extensions such as "" or "" (this is
usually fixed by using CSS to achieve the desired effect instead).

by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case





این تگ رو نباید داخل قالب استفاده کرد و برای وسط چین کردن باید از سی اس اس استفاده گرد به این صورت :

مثلا میخواهید کلمه وردپرس رو بیارید وسط :

اول داخل استایل قالب یه کلاس تعریف میکنیم :















حالا داخل قالب به اینصورت قرار میدیم













این کار همان عمل تگ center رو انجام میده





10 ) استفاده تگ های h در محل نامناسب



ارور :



element "H3" undefined

… برچسب‌ها

✉You have used the element named above in your document, but the
document type you are using does not define an element of that name.
This error is often caused by:



incorrect use of the "Strict" document type with a document that
uses frames (e.g. you must use the "Frameset" document type to get the
"" element),

by using vendor proprietary extensions such as "" or "" (this is
usually fixed by using CSS to achieve the desired effect instead).

by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case





توی این مورد به اینصورت استفاده شده :













که نحوه صحیح به این صورت هست :















نباید رو داخل تگ قرار داد



منبع این آموزشمون : http://forum.shopkeeper.ir

سلام دوستان وقت بخیر (امروز کلا تو فاز به روز کردن این تاپیک هستم )

یه سری موارد کوچیک هست که اگه تویه قالب سایتتون رعایت کنید خیلی میتونه تویه سئو و مخصوصا سرعت لود و کیفیت سایتتون تاثیر بزاره !

نکات کلیدی :

1- آیفریم تویه سایت نزارید

2- سر تا پای قالب رو کد نکنید مخصوصا عکس های مطالب

3- کد موزیک نزارید

4- هر چقدر بلدید از ابزار های وبلاگ( جاوا اسکریپت) کم استفاده کنید

5- تویه هدر از فلش استفاده نکنید از قالب تمام فلش هم استفاده نکنید ...

6-سر تا پای سایت رو پر از تبلیغ نکنید (مخصوصا این همکاری در فروش ها و تبلیغات کلیکی ...)



خب بزارید در مورد هر کدوم توضیح بدم :



آیفریم :

حضرت گوگل با آی فریم کلا مشکل دارند حالا یه سری دلایل خاص داره که ما ازش میگذریم ...

یکی از دلایل اصلی اینکه گوگل با آیفریم مخالفه اینه که وقتی شما آیفرم
قرار میدی سرعت لود سایتت فوق العاده کم میشه چون هم سایت تو رو باز می
کنه هم سایت کسی که تویه آیفریم گذاشتی اگر هم که آیفریم زیاد باشه وا
ویلای من



کد کردن قالب :

وقتی شما میای قالبت رو از بالا تا پائین کد می کنی مرورگر (ع) زور
میزنه تا اونا رو دی کد کنه و به کاربر نشون بده و این یک عاملی میشه برای
کاهش سرعت لود سایت !

در مورد عکس ها هم که باید عرض کنم خیلی خیلی بدتره و اصلا توصیه نمیشه که آدرس عکس ها رو کد کنید و برداشتن عکس کار سختی نیست !



کد موزیک :

اول اینکه 97 درصد افراد خوشون نمیاد که وقتی میان تویه یه صفحه ای یه
موزیکی پخش بشه چون معمولا خودشون یه موزیک باز کردن دارند گوش میدن ...

بعدش هم وقتی شما کد موزیک میزاری اونم آدو پلی (شروع خودکار آهنگ هنگام ورود) خیلی سایت رو سنگین می کنه ...

توصیه میشه نزارید اگه میزارید آدو پلی نباشه .



ابزار های وبلاگ :

معمولا ابزار های وبلاگ یکی از عوامل سنگینی قالب سایت ها هستند چون
افراد زیادی از این ابزار ها استفاده می کنند و سرعت لود سایت میزبان
(سایتی که کد رو میده) کاهش پیدا می کنه و منجر به کاهش سرعت سایت شما میشه
!

بعد از اون هم سایت های ابزار وبلاگ به طریق های مختلف از سایت شما بک لینک مفتی میگرند



هدر و قالب فلش :

این حرف ما نیست و حرف جناب گوگله چون نمیتونه محتوای داخل قالب های فلش یا هدر های فلش رو بخونه گیر میده

تبلیغات :

تبلیغات بیش از حد هم کیفیت سایت شما رو از بین میبره هم رضایت کاربران و هم سرعت لود سایت رو خراب می کنه !

کد های همکاری در فروش هم که خیلی سنگین هستند و چه بک لینک هایی که از سایت شما نمیگیرند

در کل در گذاشت تبلیغ تویه سایت زیاده روی نکنید ...

سلام دوستان

امروز با یه ویدئو در خدمتتون هستم که بسیار کاربردی و مفید هست !

این ویدئو از برنامه به روز برداشته شده که جدیدا (حدود یه ماه پیش) پخش شده بود .

تویه این ویدئو در مورد موارد زیر توضیح داده میشه :

1- الگوریتم چیه ؟

2- الگوریتم اولیه گوگل

3- الگوریتم های متاتگ ها

4- الگوریتم های لینک

5- الگوریتم های شبکه های اجتماعی

6- الگوریتم پاندا و پنگوئن

7- الگوریتم مرغ مگس خوار

عجب عنوان هایی میزارم ها

تویه بحث لینک های داخلی لینک کردن مطالب و بخش های دیگه سایت خیلی مهم
هست ... (لینک داخلی و خارجی رو تویه پاسخ های قبلی توضیح دادم بگردید
پیدا می کنید )

خوشبختانه رزبلاگ امکاناتی رو فراهم می کنه که هم از لحاظ کیفی خوب هستند و هم میشه برای سئو استفاده کرد !



امکاناتی که تویه بحث لینک های داخلی خیلی به دردمون میخوره :



1- مطالب مرتبط (کمک می کنه مطالبی که ایندکس نشدند ایندکس بشند یا اون مطالب لینک های مفید مربوط به مطلب بشند ...)

2- آخرین مطالب (اصولا خود مطالب تو سایت هست و ایندکس میشند ولی تویه
صفحات دیگه باعث ایندکس شدن آخرین مطالب و بازدی بیشتر مطالب میشه ...)

3- مطالب محبوب (هم بازدیدتون رو بیشتر می کنه چون مخاطب میدونه این مطلب محبوبه و همچینین این امکان هم برای ایندکس بهتر مفیده )

4- مطالب تصادفی (خیلی خیلی مفید هست و باعث میشه مطالبی که ایندکس نشدند ایندکس بشند )

5- موضوعات (باعث ایندکس شدن مطالب میشه و خیلی مفیده )