در سرویس آماری Google Analytics که محبوب‌ترین روش محاسبه‌ی آمار بازدیدکنندگان سایت است، برخی کمیت‌ها مثل نرخ پرش یا Bounce Rate و زمان ماندن در صفحه یا Time on Page برای وب‌مسترهای مبتدی کمی نامفهوم است و البته خطای محاسباتی زیادی دارد.

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

یکی از مسائل مهم در SEO و رتبه‌ی مطالب سایت‌ها در موتور جست‌وجو Google، مقوله‌ی نشانه‌گذاری محتویات صفحه مطابق با استانداردهای Schema.org است. گوگل چندی پیش به صورت رسمی اعلام کرده که رعایت کردن نشانه‌گذاری اسکیما می‌تواند رتبه‌ی سایت‌ها را نسبت به رقبا بهتر کند.

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

یکی از مشکلاتی که وب‌مسترها و طراحان سایت‌های دانلود فیلم و موسیقی و حتی دانلود عکس و PDF دارند، این است که با قرار دادن لینک فایل‌ها در تگ <a>، زمانی که کاربر روی آن کلیک می‌کند، فایل به جای دانلود شدن توسط دانلودر مرورگر یا سایر نرم‌افزارهای مدیریت دانلود، مستقیماً باز می‌شود.

در حقیقت Chrome و Mozilla و بسیاری از مرورگرهای مدرن، می‌توانند فایل‌های MP3‌ و MP4 و PDF و همین‌طور عکس‌ها را باز کنند و طبعاً به جای دانلود کردن، فایل را باز می‌کنند. با تغییراتی در تگ a و همین‌طور htaccess می‌توان این مشکل را برطرف کرد که در این مقاله به آن می‌پردازیم.

یکی از راه‌های تغییر دادن ساختار صفحات سایت‌ها این است که از JavaScript در کنار HTML و CSS استفاده کنید تا المان‌های صفحه در شروع بارگذاری یا حین کلیک روی برخی لینک‌ها و دکمه‌ها و غیره، تغییرات ظاهری داشته باشند و در نتیجه صفحه‌ی وب از حالت استاتیک و ساده خارج شود و حالت پویاتری پیدا کند.

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

وردپرس محبوب‌ترین نرم‌افزار مدیریت محتواست و سایت‌های بسیار زیادی مبتنی بر این CMS طراحی شده است. اما برای بکاپ گرفتن از تمام اطلاعات WordPress ابزاری در آن پیش‌بینی نشده است. خوشبختانه بکاپ گرفتن از سایت وردپرسی که روی سرورهای با سیستم عامل لینوکس میزبانی می‌شود بسیار ساده است.

در ادامه به روش بکاپ گرفتن از دیتابیس SQL و سایر فایل‌های سایت وردپرسی با دستورات ساده‌ای در ترمینال لینوکس می‌پردازیم. با ما باشید.

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

برای کار با آرایه‌ها در جاوااسکریپت، ترفندها و روش‌های مختلفی وجود دارد که در این مقاله می‌خواهیم به ۱۰ مورد جالب و کاربردی اشاره کنیم که شاید برخی را ندیده باشید. با ما باشید.

نقش انیمیشن‌ها در طراحی وب صرفاً زیباتر کردن صفحات نیست بلکه موجب جلب توجه بازدیدکنندگان می‌شود و محتوای صفحات را مرتب‌تر و قابل‌فهم‌تر و سرگرم‌کننده‌تر می‌کند. برای متحرک کردن المان‌ها در صفحات وب، می‌توانید از Transition و همین‌طور تعریف کردن Keyframe استفاده کنید و حتی بدون جاوااسکریپت، عناصری را در صفحه متحرک کنید.

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

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

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

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

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

در این مقاله می‌خواهیم چند افزونه برای نرم‌افزار مدیریت سایت WordPress معرفی کنیم که قرار دادن متن پنهان به صورت منوی بازشونده یا Accordion یا همان ساز معروف آکاردئون را ساده می‌کنند. با ما باشید.

در نرم‌افزار مدیریت محتوای WordPress که محبوب‌ترین نرم‌افزار راه‌اندازی سایت و وبلاگ است، وضعیت پست‌ها در حالت پیش‌فرض یکی از حالت‌های پیش‌نویس یا Draft و منتشرشده یا Published و در زباله‌دان یا Trash و زمان‌بندی‌شده یا Scheduled و برای بازبینی یا Pending است. در صورت نیاز می‌توانید وضعیت جدیدی به این ۵ مورد اضافه کنید تا فرآیند نوشتن مطلب و ویرایش و سپس انتظار با برنامه‌ی کاری سایت شما سازگارتر شود.

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

یکی از راه‌های دنبال کردن مطالب سایت‌ها، استفاده از خوراک مطالب یا Feed و به بیان دیگر RSS است. Rich Site Summary یا RSS به معنی خلاصه‌ مطالب سایت است که به صورت یک فایل ساده در سایت‌ها موجود است و برای مطالعه کردن آن می‌توانید از اپلیکیشن‌ها و سرویس‌های مختلف استفاده کنید.

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

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

حین گشت‌وگذار در فضای مجازی، فونت‌های مختلفی در سایت‌ها می‌بینیم. فونت‌هایی که برای برخی کاربری‌ها عالی هستند و این سوال به وجود می‌آید که چطور می‌توان فونت استفاده شده در سایت‌ها را شناسایی کرد؟

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