نکات مهم در طراحی سایت افزایش سرعت سایت

 

افزایش سرعت سایت : در طراحی سایت اسپیناس ، در جلسه گذشته در خصوص توانایی کش کردن مرورگر ها و سرور ها صحبت کردیم از اهمیت بسیار بالای این موضوع گفتیم.

 

المان های سایت مثل css  و Html  را فشرده سازی کنید.

منابع WYSIWYG  (what you see,what you get ، این ابزار یک جور شبیه ساز است .که به شما نزدیک ترین نتیجه را تخمین میزند. از این ابزار در طراحی سایت و به طور کلی در کارهای گرافیکی و متنی استفاده میشود.) .سایت یک صفحه ی سایت را بسیار آسان میکند، اما گاهی اوقات باعث به هم ریختن کد ها و در نتیجه طراحی سایت شما میشود. ):

از آنجا که هرقطعه اضافه در کد باعث افزایش حجم و در نتیجه کاهش سرعت بارگذاری میشود ، این نکته حائز اهمیت است که شما تمامی space  ها اضافه ، line break  ها   و فاصله های اضافی پاک شوند .

 

دلایل مفید بودن کاهش حجم المان ها از نگاه گوگل :

 

برای کاهش حجم HTML میتوانید از PageSpeed Insights Chrome Extension استفاده کنید ،تا نسخه بهینه و کم حجم فایلان ساخته شود. فایل HTML خود را بررسی کنید و قواعد فشرده سازی HTML  را جست و جو کنید .

برای فشرده سازی css میتوانید از YUI Compressor    و   cssmin.js. استفاده کنید.

برای فشرده سازی جاوا  میتوانید از  Closure Compiler ، JSMin و همچنین YUI Compressor استفاده کنید.

بهتر است به خاطر داشته باشید ، که زمانی که فایل های وبسایت را فشرده سازی کردید ، فایل ها اصلی را هم دم دست بگذارید !

در ضمن شما بهتر است زمانی به فشده سازی بپردازید که کار وبسایت شما 100% تمام شده باشد در غیر این صورت باید پس از هر تغییر مجددا فشرده سازی کنید !

امید وارم این مقاله که در طراحی وب سایت اسپیناس خوندید بهتون کمک کرده باشه

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

 

بسیاری از کاربران که ما تماس می گیرند و در مورد نقش کلمات کلیدی در سئو مشاوره می خواهند کارشناسان ما، چگالی کلمات کلیدی را  به آنها توضیح می دهند. بسیاری از افراد با چگالی کلمات کلیدی آشنا نیستند. گاهاً به آنها می گوییم باید چگالی کلمات کلیدی در طراحی سایت شما بررسی شود با خنده می گویند مگر کلمه هم چگالی دارد!

بله، کلمات کلیدی در وب سایت شما ،چگالی دارد.

امروز در طراحی سایت اسپیناس می خواهیم در مورد چگالی کلمات کلیدی صحبت کنیم! کلمات کلیدی در سئو طراحی سایت چه نقشی دارند؟ چطور می توانیم چگالی کلمات کلیدی یک وب سایت را برآورد کنیم؟

 

کلمات کلیدی در طراحی سایت

کلمات کلیدی در واقع همان کلید واژه ها هستند که در سئو نقش اساسی دارند و انتخاب درست آنها یک امر حیاتی در سئو وب سایت به شمار می رود. این کلمات کلیدی به عبارتی توصیف کننده محتوایی است که در وب سایت شما قرار دارد. محتوای سایت به کاربران شما کمک می کند تا با موتورهای جستجوگر وب سایت شما را بیابند.با محتوای خوب دیگر سایت شما در موتورهای جستجوگر ناپدید نمی شود و کاربران هم به راحتی می توانند متوجه شوند با چه کلماتی در موتورهای جستجوگر به وب سایت شما دسترسی داشته باشند. در واقع می توانیم شفاف بگوییم که انتخاب کلمات مناسب در وب سایت ، ترافیک بیشتری را از طریق موتورهای جستجوگر برای وب سایت خود داشته باشید.

 

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

برای محاسبه کردن چگالی کلمات کلیدی از طریق فرمول زیر می باشد که کلمات کلیدی را در صفحه های موتورهای جستجوگر می تواند محاسبه کند.

100× تعدادکل کلمات در صفحه مورد نظر/ تعداد دفعات یک کلمه کلیدی

توسط فرمول بالا یک خروجی را می توانید محاسبه کنید. یک مثال با هم میزنیم تا بهتر فرمول بالا را درک کنیم. مثلا یک کلمه کلیدی در یک صفحه که حاوی 100 کلمه می باشد 5 بار تکرار می شود با قرار دادن در فرمول بالا چگالی کلمه کلیدی 5% است.

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

بهترین چگالی کلمات کلیدی 

برای این که یک وب سایت عالی در سئو داشته باشید باید بهترین چگالی کلمات کلیدی را پیدا کنید. بهترین چگالی کلمات کلیدی را بین 1 تا 3 درصد برای هر صفحه در وب سایت شما است. پس به راحتی می توانیم این موضوع را بگوییم که تعداد کلمات کلیدی در یک صفحه با 100 کلمه حدوداً 3 بار باید تکرار شود. نکته مهم دیگر این است که چگالی کلمات کلیدی یکی از اساسی ترین معیارها برای موتورهای جستجوگر است تا جایگاه وب سایت شما را در جستجو مشخص کند.

کلمات کلیدی را در کجا قرار دهیم؟

در واقع هر چه قدر کلمات کلیدی وب سایت شما در پاراگراف اول باشد یا این که در اوایل متن به کار برده شود بیشتر مورد توجه موتورهای جستجوگر قرار گرفته می شود. به عنوان مثال شما برای یک صفحه در سایت محتوا تولید می کنید این صفحه دارای 1000 کلمه است چگالی کلمات باید در 300 کلمه اول متن استفاده شود. پس چگالی کلمات کلیدی برای اوایل متن بسیار سودند خواهد بود.

حالا با این مقاله به راحتی می توانید چگالی کلمات کلیدی وب سایت خود محاسبه کنید و به راحتی متن محتوا را تولید کنید و وب سایت خود را بهینه کنید با ما طراحی وب سایت را اصولی انجام دهید.

 

منبع مقاله :

Keyword density

در مقالات قبلی در مورد علت ارزشمند بودن افزونه revslider صحبت کردیم.این افزونه به علت امکانات پیشرفته ای که در اختیار کاربر قرار میدهد از بهترین افزونه های ساخت اسلایدر است. در این قسمت میخوایم نحوه استفاده از این افزونه را آموزش بدیم. پس با ما همراه باشید…

درون ریزی در revslider

اولین امکان موجود در روولیژن اسلایدر درون ریزی در وردپرس است.  در واقع با درون ریزی شما امکان این را دارید که نمونه استفاده شده در یک دیگر را به سایت خودتان منتقل کنید به این صورت شما یک پیش نمایش اصلی از اسلایدر دارید ه میتوانید با توجه به نیاز خودتان آن را تغییر دهید. البته این امکان به شرطی برای شما قابل استفاده است که قالب های آماده این افزونه را در دسترس داشته باشید.

حالا فرض میکنیم شما به دمو یکی از اسلایدر ها دسترسی دارید و میخواهید از آن برای اسلایدر سایت خودتان استفاده کنید. این دمو ها به صورت فایل های زیپی هستند تا قابلیت import کردن داخل وردپرس را داشته باشند. درون این زیپ ها پوشه های img که عکس های اسلایدر داخل آن قرار دارد و  cssهای مخصوص اسلاید وهمچنین فایل txt تنظیمات اسلاید قرار دارد.

اگر مراحل نصب افزونه را که در آموزش قبلی به شما یاد دادیم را کامل انجام داده باشید. وقتی وارد تنظیمات افزونه میشوید گزینه import و ایجاد اسلایدر جدید را مشاهده میکنید که import کاملا داخل تنظیمات مشخص است که البته با توجه به نسخه مورد استفاده شما جای قرار گیری آن متفاوت است.

 

با کلیک روی گزینه import شما میتوانید فایل زیپی که د موردش صحبت کردیم را به افزونه خود اضافه کنید. بعد از لود شدن کامل در وردپرس و اجرا تنظیمات آن اسلایدر در بخش اسلایدرهای شما نمایش داده میشود.

باز بستگی به نسخه ای که از آن استفاده میکنید گزینه های تنظیمات (آیکن چرخ دنده) و ادیت(آیکن مداد) ویا با باز کردن فلش رو به پایین امکان مشاهده و export و یا کپی کردن و … اسلایدری که دارید را میتوانید در همان صفحه اسلایدر ها انتخاب کنید.

اگر گزینه تنظیمات اسلایدر(چرخ دنده) بزنید وارد صفحه تنظیمات اصلی اسلایدر میشوید. که تمام تنظیماتی که برای ساخت یک اسلایدر ریسپانسیو نیاز دارید داخل صفحه تنظیمات پیدا میشود. تنظیماتی مثل ارتفاع و عریض بودن اسلایدر و یا نحوه نمایش در حالت ریسپانسیو و امکاناتی مثل فلش های تغییر اسلاید و زمان ماندن در هر اسلاید…..

اگر وارد صفحه ادیت اسلایدر شوید. کلیه تنظیماتی که برای هر کدارم از اسلاید های اسلایدر نیاز دارید در این قست قرار دارد امکاناتی مثل پس زیمنه دادن لایه های متنی و عکسی به اسلاید و یا دادن انیمیشن های مختلف به این لایه ها برای ورود و خروج اسلاید و یا حتی تنطیمات نمایش اسلاید در رزولوشن های مختلف گوشی…..

برون ریزی اسلایدر ساخته شده

بعد از ساخت اسلایدر خودتان میتوانید از آن خروجی گرفته و آن را در سایت دیگری که ساخته اید استفاده کنید. وارد صفحه اصلی revslider که شدید روی اسلایدری که میخواهید از آن خروجی بگیرد بروید فلش رو به پایین را بزنید و گزینه export را کلیک کنید و از اسلایدر خود خروجی بگیرید و میتوانید از اسلایدر خروجی گرفته شده به همان صورتی که توضیح دادیم در سایت دیگری استفاده کرده و import  کنید.

 

در آموزش های بعدی طراحی سایت اسپیناس نحوه کار کردن با صفحه تنظیمات و صفحه ادیت…را به شما آموزش میدهیم با ما همراه شوید

 

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

در این قسمت در خصوص کش کردن وبسایت نکاتی توضیخ داده میشود.

4- کش مرورگر ها رو فعال کنید ! :

زمانی که شما از طراحی سایت بازدید میکنید المان های موحود در آن داخل هارد دیسک شما به عنوان کش یا (موقتی) دخیره میشود. با این کار دفعه ی بعدی که از سایت بازدید میکنید مرورگر شما میتواند بسیاری از المان ها رو بدون دانلود کردن دوباره آنها برای شما به نمایش بگذارد و با این کار درخواست HTTP  مجدد نمیکند.

تنی تیوور ، کارمند سابق یاهو در این خصوص توضیحاتی ارائه میکند :

” زمانی که شخصی برای بار اول به وبسایت شما ورود میکند. مجبور میشود تمامی HTML ها ، استایل ها ، فایل های جاوا و عکس ها رو دانلود کند و قبل از آن نمیتواند سایت را ببیند.به طور متوسط 30 المان وجود دارد و این کار حدود 2?5 ثانیه طول میکشد” ( البته این مقدار با سرعت اینترنت اوناس برا ما حدود 15 تا 20 دقیقه طول میشکه ?? )

 

 

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

به گفته تروور این عناصر کوچئ تقریبا 3 تا هستن و در حدود 0?9 تا 2 ثانیه طول میکشه تا دانلود شه

تروور در ادامه گفته حدود 40 تا 60 درصد کسایی که وارد وبسایت شما میشن کش خالی دارن ، پس خیلی خیلی مهمه شما صفحه ی اول رو سریع طراحی کنید تا برای بار اول زیاد طول نکشه تا بارگذاری شه، اما شما به هر حال باید کش سرور رو فعال کنید تا برای کسانی که برمیگردند سرعت بالا باشه.

نکته: این مقاله در خصوص آموزش فعال کردن کش است.

محتوای استاتیک سایت شما باید کش یک هفته ای داشته باشد و سایر المان ها مثل تبلیغات ، ویجت ها باید کش یک روزه داشته باشن.