سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

JavaScript

چگونه برای بهبود سرعت و سئو سایت، فایل‌های CSS و JS و عکس را روی گوگل درایو میزبانی کنیم؟

یکی از راه‌های بهبود سرعت بارگذاری یک سایت، بارگذاری کردن فایل‌های پرکاربرد که در تمام یا اغلب صفحات وجود دارند از طریق یک سرور یا هاست سریع و متفاوت است. به عنوان مثال می‌توانید فایل‌های CSS و JS و عکس‌هایی مثل لوگوی سایت خود را روی فضای ابری گوگل درایو آپلود کنید و لینک مربوطه را در هدر یا فوتر سایت خود قرار دهید. به این ترتیب فایل‌ها با سرعت بالایی لود می‌شوند و علاوه بر کاهش ترافیک مصرفی سرور و هاست شما، سرعت بارگذاری سایت بیشتر می‌شود.

سرعت بارگذاری سایت به صورت مستقیم در SEO موثر نیست اما طبعاً سایتی که سریع‌تر لود شود، بازدیدکننده را با احتمال بیشتری به بازدید از صفحات دیگر تشویق می‌کند و این یک فاکتور مثبت در سئوی سایت است. در ادامه به روش بارگذاری فایل‌های CSS و JS قالب سایت‌ها و پلاگین‌های نصب‌شده از طریق Google Drive می‌پردازیم. با ما باشید.

اثر سرعت سایت روی سئو و رتبه مطالب در گوگل

همان‌طور که اشاره کردیم برای بهبود ترافیک ارگانیک یا همان ورودی‌های گوگل یک وب‌سایت و ارتقای مطالب در صفحات جست‌وجوی گوگل و دیگر موتورهای سرچ، می‌توانید سرعت سایت خود را بیشتر کنید تا بازدیدکننده از صفحات بیشتری بازدید کند و فاکتورهای موثر روی سئو مثل Dwell Time و Bounce Rate بهینه شود.

ایجاد افکت موج در صفحات وب با CSS و JavaScript

یکی از ویژگی‌های زبان طراحی متریال گوگل این است که با تپ یا کلیک کردن روی عناصر، افکت جالب موج که به اطراف پخش شده و محو می‌شود را رویت می‌کنیم. به این ویژگی Ripple Effect گفته می‌شود و با روش‌های مختلف قابل‌پیاده‌سازی است. می‌توانید از CSS خالص استفاده کنید که مشکلات خاص خود را دارد و می‌توانید از ترکیب CSS و Javascript استفاده کنید.

در این مقاله می‌خواهیم افکت پخش شدن موج پس از کلیک کردن را با استفاده از جاوااسکریپت خالص و CSS در صفحات وب طراحی کنیم. با ما باشید.

همان‌طور که اشاره کردیم برای طراحی کردن افکت پخش شدن موج یا Ripple Effect روش‌های مختلفی وجود دارد اما بهترین و ساده‌ترین روش این است که از جاوااسکریپت به همراه CSS استفاده کنید. به کمک Javascript یک المان جدید در نقطه‌ای که کلیک شده ایجاد کنید که دارای انیمیشن بزرگ شدن یا Scale و محو شدن یا Opacity است و پس از زمان مشخصی، عنصری که به صفحه‌ی وب اضافه شده، به کمک جاوااسکریپت حذف می‌شود. در صورت نیاز می‌توانید رنگ موج را نیز با توجه به عنصری که روی آن کلیک شده، مشخص کنید.

بهینه‌سازی سایت برای موبایل و بهبود SEO

بررسی آماری گوگل نشان می‌دهد که در سال ۲۰۱۸ برای اولین بار کاربران اینترنت موبایل از دستاپ پیشی گرفته‌اند. در حقیقت تعداد گوشی‌های اندروید و آیفون آن قدر افزایش پیدا کرده و سرعت اینترنت سیم‌کارت بیشتر شده که این روزها کاربران اینترنت بیش از کامپیوتر و لپ‌تاپ، از موبایل برای بازدید از سایت‌ها استفاده می‌کنند.

در طراحی وب‌سایت به گونه‌ای که در نمایشگر کوچک گوشی‌ها کاربری ساده‌ای داشته باشد و موتورهای جست‌وجو امتیاز خوبی به طراحی کلی سایت بدهند، می‌بایست نکات مختلفی را در نظر گرفت تا SEO سایت بهینه شود.

در این مطلب می‌خواهیم به نکات مهم در طراحی و بهینه‌سازی سایت برای موبایل که به سئو نیز کمک می‌کند، بپردازیم. با ما باشید.

فعالسازی Gzip در وردپرس و هاست و آشنایی با فشرده‌سازی Gzip

 فعال کردن فشرده‌سازی فایل به صورت Gzip یکی از توصیه‌های کارشناسان سئو و همین‌طور کمپانی‌های بزرگی مثل گوگل به وب‌مسترها و صاحبان کسب‌وکارهای اینترنتی است. Gzip یکی از اقسام آرشیو است که مثل zip و rar و 7zip برای فشرده کردن فایل‌ها استفاده می‌شود. اگر فایل‌ها از نوع متنی باشند، مثل HTML و CSS و Javascript، به راحتی فشرده می‌شوند. به همین علت است که برای بهبود کیفیت سایت و امتیاز کلی SEO می‌توان این ویژگی را در هاست و سرور فعال کرد.

فعالسازی با تغییراتی ساده در htaccess صورت می‌گیرد و حتی افزونه‌های متعددی برای فعال کردن gzip در وردپرس وجود دارد که کار را ساده‌تر می‌کند.

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

اپ پیش‌رونده تحت وب یا PWA چیست؟ چگونه از اپ‌های تحت وب در اندروید و … استفاده کنیم؟

وب اپلیکیشن پیش‌رونده یا Progressive Web App نوع جدیدی از اپ‌های تحت وب است که درون مرورگر اجرا می‌شود اما از نظر طراحی و کاربری، بسیار شبیه به اپ‌های معمولی سیستم عامل است. اپلیکیشن تحت‌وب پیش‌رونده یا به اختصار PWA پدیده‌ای جدید در دنیای وب و همین‌طور طراحی سرویس‌های تحت وب است. حتی برخی معتقد هستند که در آینده اپلیکیشن‌ها و بازی‌های ساده با نسخه‌های ساده‌ی تحت وب جایگزین می‌شوند.

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

اپلیکیشن پیش‌رونده تحت وب یا Progressive Web App چیست؟

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