طراحی وب

آشنایی با عملکرد کلیدهای F1 تا F12 در مرورگر کروم

کلیدهای فانکشن یا به عبارت دیگر کلیدهای F1 الی F12 در ویندوز و اغلب نرم‌افزارها مثل گوگل کروم، بسیار کاربردی هستند هر چند ممکن است کاربران مبتدی با عملکرد هر کلید آشنایی نداشته باشند و در واقع از این کلیدها زیاد استفاده نکنند. برخی کلیدها مثل F5 که برای نوسازی یا ریفرش کردن به کار می‌رود، توسط اغلب کاربران استفاده می‌شود اما برخی دیگر کاربرد کمتری دارند.

در این مقاله به عملکرد کلیدهای F1 الی F12 در مرورگر Chrome‌ می‌پردازیم.

آموزش استفاده از Custom Dimensions در گوگل آنالیتیکس

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

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

چگونه از صفحه‌ی سایت‌ها در گوگل کروم فیلم‌برداری کنیم؟

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

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

بررسی اتوریتی موز و تغییرات آن برای بهبود لینک بیلدینگ

یکی از اصول سئو یا افزایش تعداد بازدیدکنندگان ارگانیک یا به عبارت دیگر ورودی‌های گوگل و موتورهای سرچ، لینک بیلدینگ است. در مقوله‌ی ساخت بک‌لینک، معمولاً به امتیاز سایت‌هایی مثل Moz که به دامین‌های مختلف داده شده، استناد می‌شود و ارزش هر لینک، صرفاً متناسب با متریک‌هایی مثل Moz Authority در نظر گرفته می‌شود.

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

مثال‌هایی از کاربرد ترنزیشن برای متحرک کردن عناصر در صفحه وب

انیمیشن‌ها در طراحی وب نقش اساسی دارند. برای متحرک کردن و تغییرات تدریجی می‌توان از JavaScript و همین‌طور CSS استفاده کرد. با معرفی استاندارد CSS3، طراحی انیمیشن‌های جالب و کاربردی به مراتب ساده‌تر شده است.

در این مقاله با چند مثال کاربردی در طراحی انیمیشن با استفاده از Transition در خدمت شما هستیم.

آموزش فرم آنلاین برای متقاضیان به همراه قابلیت آپلود فایل در گوگل درایو

برای ساخت فرم‌های آنلاین که افراد در کنار وارد کردن مشخصات فردی، می‌توانند فایل آپلود کنند، گوگل و در حقیقت سرویس ابری Google Drive و Google Sheets گزینه‌ی مناسبی است. می‌توان به سادگی فرم موردنظر را با روش درگ و دراپ ایجاد کرد و قابلیت آپلود فایل و دریافت ایمیل تأیید نیز در فرم لحاظ کرد. در چنین فرمی می‌توانید کپچای گوگل، امضای دیجیتالی و موارد دیگری نیز اضافه کنید.

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

استفاده از SVG در وردپرس با حفظ امنیت از طریق دو افزونه رایگان

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

در ادامه به معرفی مختصر فرمت SVG و خطرات آن برای سایت‌ها و روش اضافه کردن این فرمت در سایت‌های مبتنی بر وردپرس می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

آموزش نصب و استفاده از افزونه چت با پیام‌رسان واتس‌اپ در وردپرس

یکی از راه‌های ارتباط با بازدیدکنندگان سایت، استفاده از پیام‌رسان‌های امروزی مثل WhatsApp است. در گذشته معمولاً از ایمیل استفاده می‌شد اما در حال حاضر استفاده از سرویس‌های گفت‌وگو و پیام‌رسان‌ها، پشتیبانی آنلاین، ارتباط با مخاطب و موارد دیگر را بهتر و ساده‌تر کرده است.

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

ویژگی noopener در لینک‌های مطالب وردپرس چیست و چه اثری روی امنیت یا سئو دارد؟

در وردپرس و برخی CMSهای محبوب دیگر زمانی که لینک در مطالب قرار می‌‌دهید، در صورت انتخاب باز شدن لینک در تب یا پنجره‌ی جدید، ویژگی rel آن به صورت noopener تنظیم می‌شود. به عبارت دیگر در کد HTML صفحه یا مطلب، rel="noopener" را در مشخصات تگ a مشاهده می‌کنید.

در این مقاله می‌خواهیم به مفهوم و کاربرد noopener در تگ <a> بپردازیم و روش جلوگیری از اضافه شدن این ویژگی به لینک‌ها در وردپرس را بررسی کنیم. با ما باشید.

چگونه سرعت سایت را تست کرده و آن را بهینه کنیم؟

کاربری که اینترنت 3G یا حتی 4G با سرعت کمتر از ۴ مگابیت بر ثانیه یا معادل ۵۰۰ کیلوبایت بر ثانیه استفاده می‌کند، برای بارگذاری کردن صفحاتی با حجم بیش از ۳ مگابایت می‌بایست حداقل ۶ ثانیه صبر کند. امروزه بیش از ۷۰ درصد صفحات وب حجم بالاتر از ۱ مگابایت دارد و بیش از ۱۲ درصد نیز حجم بالاتر از ۴ مگابایت دارند در حالی که برخی از کاربران وب، اینترنت بسیار سریعی در اختیار ندارند. بنابراین کارشناسان SEO توصیه می‌کنند که برای بهبود سئو، کم‌حجم‌تر کردن صفحات سایت و بهبود سرعت را مهم تلقی کنید.

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

سه روش مخفی کردن عنوان صفحه یا مطلب در وردپرس

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

در ادامه به سه روش نمایش ندادن عنوان در سایت وردپرسی آشنا می‌شویم. با ما باشید.

اشتباهات متداول در نشانه‌گذاری ساختاری که جریمه دستی گوگل را به دنبال دارد!

اضافه کردن نشانه‌گذاری ساختاری در صفحات سایت‌ها یا به زبان دیگر، Structured Data، به لحاظ SEO مفید است اما در صورت پیاده‌سازی نادرست، نه تنها سئو بهینه نمیشود بلکه ممکن است جریمه‌ی دستی از سوی گوگل در نظر گرفته شود! به این ترتیب رتبه‌ی مطالب در صفحات گوگل به شدت سقوط می‌کند و ترافیک ارگانیک یا به عبارت دیگر ترافیک بازدیدکنندگانی که از موتورهای جستجو استفاده می‌کنند به شدت کمتر می‌شود.

در حقیقت نوع خاصی از اسپم، اسپم نشانه‌گذاری ساختاری یا Structured Data Spam است که گوگل با آن مقابله می‌کند. در ادامه به ۵ اشتباه بزرگ و متداول در عرصه‌ی نشانه‌گذاری یا مارک‌آپ آشنا در طراحی وب آشنا می‌شویم.

آخرین دیدگاه‌ها
۲۰۰ دیدگاه و پاسخ آخر
ترخیص کالا از گمرک خرید از آمازون سی پی ارزان کالاف موبایل لوازم خانگی کالاچی خرید انواع قاب گوشی موبایل ثبت شرکت در دبی سرور اختصاصی ایران سرور مجازی تلویزیون شهری بهترین تعمیرات موبایل خرید بهترین هندزفری های بی سیم مکسی فروشگاه اینترنتی بی بدیل تعمیر گیربکس اتوماتیک 207 خرید قسطی با چک سند اجاره ای رفع ریجکتی تعمیر لپ تاپ لنوو تعمیر لپ تاپ سامسونگ خدمات شبکه در تهران