2 سال پیش
144

در مورد سئو بیشتر بدانید !(بخش سوم)

در مورد سئو بیشتر بدانید !(بخش سوم)

 

در مورد سئو بیشتر بدانید !(بخش سوم)
در بخش قبل در مورد Headings واستفاده و اهمیت آن و افزایش سرعت لود صفحات وب نحوه کار موتور های جستجوگر را توضیح دادم،امروز میخواهم بهینه سازی سورس صفحه و قرار دادن ویدیو با html5 رو در سئو توضیح بدم.

 

در مورد سئو بیشتر بدانید !(بخش سوم)

بهینه سازی سورس صفحه

بهینه کردن html 

برای بهینه کردن یک صفحه Html شما باید نکاتی رو مد نظر داشته باشید از جمله:
۱_به جای جداول از لایه ها استفاده کنید.
۲_کامنت های اضافی را حذف نمایید.
۳_از XHTML یا HTML5 استفاده نمایید.

بهینه کردن CSS

برای اینکار باید کد های خود را کوچک و استاندارد کنید تا حجمش کاهش یابد.برای مثال:

کد بهینه:.

{ content{width:250px;height:250px;margin:10px 10px 10px 10px

کد غیر بهینه:

content
; width:250px
; height:250px
; margin-bottom:10px
; margin-left:10px
; margin-right:10px
; margin-top:10px
}

بهینه کردن java script

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

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

خوشبختانه جاوااسکریپت قدرت زیادی در جهت بهینه کردن کدها برای کاهش حجم یا بالا بردن سرعت اجرا به ما میدهد.

با استفاده از تکنیکهایی مثل فشرده سازی و مبهم سازی میتوان ۵۵ % تا ۰۵% حجم فایل جاوااسکریپت را کاهش داد.

چون فایلهای جاوااسکریپت قسمتی از محتویات صفحات وب هستند، کاهش حجم آنها در کاهش زمان بارگذاری صفحات وب بسیار موثر است.

البته در بعضی از مواقع هم افزایش سرعت اجرای کدها مهم است که باید اولویت هر کدام را بر اساس نیاز انتخاب نمود. چه زمانی باید کدها را بهینه کرد؟

اغلب کدهای جاوااسکریپت آنقدر کوچک هستند که نیازی به بهینه سازی ندارند.

در ابتدا کدهای شما باید درست کار کنند و خوانایی لازم را داشته باشند ( با بهره گیری از بهترین الگوریتمها ) algorithms (و ساختمان داده هایی ) Data Structures ( که برای شما امکان پذیر است) آنگاه اگر متوجه شدید که سرعت بارگذاری صفحات شما پایین است باید به فکر بهینه سازی کدهای خود باشید.

آغاز بهینه سازی جاوااسکریپت میتواند از بیشتر تکنیکهای بهینه سازی که در CSS و HTML استفاده میشود بهره ببرد.

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

در کل با ترکیب همه این تکنیکها با هم، حجم کدها ۵۵ % تا ۷۵% کاهش می یابد.

با استفاده از CSS و HTML مجال بیشتری برای بهینه سازی کدهای جاوااسکریپت بدست می آید.

چون شما می توانید نام توابع و متغیرها و شی ها را به صورت دلخواه تعیین کنید.

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

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

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

در این صورت سرعت به نمایش در آمدن محتویات صفحه کاهش می یابد. به همین دلیل حجم فایلهای css و js بسیار مهم است.

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

برای حل این مشکل میتوان دوفایل جداگانه داشت، یکی فایل بهینه شده، برای استفاده در صفحه وب و دیگری (همان فایل اصلی)که دارای خوانایی بالایی است، که برای تغییرات یا مرورهای بعدی کنار گذاشته می شود.

بطور مثال دو فایل code.js و code_o.js که فایل code_o.js همان فایل بهینه شده و فایل code.js همان فایل اصلی است.


قرار دادن ویدیو با html5

در مورد سئو بیشتر بدانید !(بخش سوم)

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


<><امیدوارم این پست کار آمد بوده باشه> <موفق باشد☺>

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب پر بازدید

چ
چند برنامه کاربردی ایفون،ایفون،اپلیکیشن ایفون،اپلیکیشن،برنامه های کاربردی،ایفوندار ها،IOS،برنامه ی ایفون،فتوشاپ،اب و هوا،ادیت،رمز عبور،پسورد

چند برنامه کاربردی ایفون

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

XML

قابلیت ساخت نقشه سایت XML به نسخه‌ی جدید وردپرس افزوده خواهد شد!

قابلیت های جدید فتوشاپ 2020 و نحوه کار کردن با آن ها،قابلیت های جدید،

قابلیت های جدید فتوشاپ ۲۰۲۰ و نحوه کار کردن با آن ها

جست‌وجو با کاراکترهای جایگزین در WORD،جست جو در word،کارکترهای جایگزینی در ورد،

جست‌وجو با کاراکترهای جایگزین در WORD

آموزش غیرفعال کردن تصحیح خودکار در کیبورد اندروید و آیفون،غیر فعال سازی اندروید و ایفون،

آموزش غیرفعال کردن تصحیح خودکار در کیبورد اندروید و آیفون