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

0 33

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

 

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

 

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

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

بهینه کردن html 

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

بهینه کردن CSS

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

کد بهینه:.

کد غیر بهینه:

بهینه کردن 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 استفاده کنید،چون تشخیص ویدئو ها برای موتور های جستجوگر آسان میشود.
البته سعی کنید کنار آن از کد ویدئو های یوتیوپ هم استفاده کنید.


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

شما همچنین ممکن است مانند بیشتر از نویسنده

ترک یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.