دسته: Webpage

  • استفاده از اسکیما در محتوا و بهبود سئو سایت

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

    در صورت تمایل رشته مقاله ها با موضوع سئو و بالا بردن رتبه سایت و حرکت به سمت صفحه اول گوگل را مطالعه بفرمائید.

  • سایت ها و ابزارهای سنجش سرعت بارگزاری سایت

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

    Google PageSpeed Insights

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

    GTmetrix

    این سایت ارزیابی کاملی از کارایی و سرعت بارگیری سایتتون ارائه می‌دهد و اطلاعاتی مانند زمان بارگیری صفحه و اصلاحات موردنیاز رو ارائه می‌کنه.

    Pingdom Tools

    سرویس دیگری که به شما اجازه می‌دهد سرعت بارگیری سایت خود را تست کرده و نکات بهبود را مشاهده کنید. این سایت نیز به روی آی پی های ایرانی بسته است.

    WebPageTest

    این ابزار امکانات گسترده‌تری مثل انتخاب مرورگر، مکان سرور و دیگر پارامترهای مرتبط با بارگیری را فراهم می‌کند.



    این سایت‌ها همه قابلیت‌های متفاوتی دارند، بسته به نیازهاتون می‌تونید یکی رو برای تست و بهبود سرعت بارگیری سایتتون انتخاب کنید.

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

  • بهینه سازی سرعت بارگزاری سایت

    سرعت بارگزاری سایت وضعیتی که از لحظه ی ارسال دستور لُود سایت از جانب کاربر تا پایان بارگزاری سایت را شامل می شود به عوامل مختلفی چون سرعت سرور میزبان، اسکریپت سایت و سرعت وسیله ی کاربر بستگی دارد، قسمت کاربر در دسترس ما نیست امّا احتمالاً سرور میزبانی یا اسکریپت سایت دست کم تا حدودی در دسترس است.

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

    پیش از ظهور سیستم های مدیریت محتوا چون وردپرس سایت ها متشکّل از صفحات دست نویس اچ تی ام ال(HTML) بودند که سرعتی نسبتا مکانیکی و کند داشتند اما با پا به عرصه گذاردن نرم افزاری چون پی اچ پی(PHP) و سیستم های مدیریت محتوا(CMS) استفاده از فضای داینامیک همه گیر شد، سیستم های مدیریّت محتوا خاصه وردپرس در ابتدای نصب سرعتی قابل قبول دارند امّا با گذر زمان و سنگین شدن حجم محتوا و اضافه شدن تصاویر و افزونه ها سرعت آنها کاهش می یابد، امّا چاره ی کار کجاست و چه طور باید سرعت بارگزاری سایت را افزایش داد.

    اگر دسترسی به سخت افزار سرور دارید ارتقای سرور به وضعیّتی حرفه ای با پشتیبانی از رم و هارد مناسب به عنوان مثال استفاده از هاردهای NVME مناسب خواهد بود امّا اغلب در ابتدا دسترسی به سرور موجود نیست و غالباً فضای اشتراکی اجاره میشود و سایت با بسیاری سایت های دیگر از یک سیستم مشترک بهره می برند، در ادامه به مواردی اشاره شده که تنها در اسکریپت و ساختار سایت لحاظ می شوند و تاثیر آنها مناسب است

    • کم کردن تعداد درخواست های HTML از طریق کمباین(یکی سازی) فایل های استایل(CSS) و جاوا اسکریپت(JS).
    • کم کردن تعداد درخواست های پایگاه داده از طریق حذف و غیر فعالسازی افزونه هایی که کارایی روزمره ندارند.
    • استفاده از تصاویر بهینه شده در سایت.
    • استفاده از تصاویر مناسب برای اندازه های مختلف تصویر، به عنوان مثال نیاز نیست تصویر با عرض تمام 1280px برای فضایی با عرض 300px استفاده و لُود شود.
    • استفاده از کش کردن سایت با بهره گیری از ترفندها و افزونه های مناسب آن.
    • استفاده از CDN جهت بارگیری محتوای استاتیک همچون فایل استایل، جاوا اسکریپت یا تصویر.
    • در وردپرس کم کردن تعداد نوشته ها در برگه ی بلاگ، همینطور کم کردن تعداد نوشته در RSS.
    • در وردپرس غیر فعالسازی بخش هایی از سیستم که کاربرد ندارند همچون اموجی

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

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

  • تگ های HTML، ساختار چینش عناصر صفحه وب

    صفحات وب در ظاهر آنچه ما می بینیم اغلب ترکیبی از چند زبان برنامه نویسی و استایل هستند، چینش عناصر صفحه و تعریف های اولیه توسّط HTML ایجاد می شود و CSS به آن رنگ و استایل می بخشد.

    تگ های اچ تی ام ال(HTML) را می توان ظروفی در نظر گرفت که می توانند انواع داده را همچون نوشته، عکس یا ظرفی دیگر در خود جای دهند.

    به عنوان مثال تگ div

    <div>

    اغلب به عنوان ظرف برای چینش دیگر عناصر است یا تگ P در خود پاراگراف نوشته را جای می دهد همینطور تگ img که حامل تصویر است، در این میان تگ های h1 تا h6 وظیفه ی حمل عناوین نوشته را بر عهده دارند که بر اساس اولویت و اهمیت تیتر از h1 یعنی با اهمیت ترین تا h6 که کم اهمیت ترین عنوان در صفحه است استفاده می شوند، در هر صفحه تنها یک تگ h1 می تواند حضور داشته باشد اگر بخواهیم استاندارد را رعایت کنیم، البته عدم رعایت استاندارد باعث عدم بارگزاری صفحه نمی شود ولی احتمالاً در سئو و رتبه ی سایت موثر است همینطور احتمال دارد زبان برنامه نویسی جاوا اسکریپت را دچار مشکل کند، اغلب در سایت ها تا تگ h3 یا نهایتاً h4 استفاده می شود.