طراحی وب مقالات طراحی وب/ سایت

وضعیت
موضوع بسته شده است.

☾♔TALAYEH_A♔☽

کاربر نگاه دانلود
کاربر نگاه دانلود
عضویت
2017/05/18
ارسالی ها
35,488
امتیاز واکنش
104,218
امتیاز
1,376
وب‌اپلیکیشن پیش‌رونده یا PWA چیست؟
ارسال شده در تاریخ مهر ۱۵, ۱۳۹۷ توسط عرفان سراج
hamyardev-what-is-pwa.jpg

۱۵
مهر
بازدید: 25

به این پست امتیاز دهید

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

اگر یک شرکت دارای برنامه خصوصی خود باشد؛ ممکن است برخی کاربران نسخه وب آن را ترجیح دهند، تا مجبور به دانلود و نصب آن نباشند. امروزه، انتظارات از وبسایت‌ها بسیار بالا می‌باشد.

با وب‌اپلیکیشن‌های پیش‌رونده آشنا شوید
(PWA = Progressive Web Application)
به زبان ساده وب اپلیکیشن های پیش رونده یا PWA اپلیکیشن های موبایلی هستند که در قالب وب ارائه می شوند. در واقع این تکنولوژی تجربه مشابه کار اپلیکیشن موبایل را بر روی وب ارائه می دهند. این اپلیکیشن ها به دلیل استفاده از رویکرد طراحی App Shell باعث می شوند هنگام استفاده احساس کار با اپلیکیشن کاملا بومی(native) منتقل می شود. از آنجایی که این نوع اپلیکیشن ها تحت وب هستند به دستگاه های خاصی محدود نمی شوند. اپلیکیشن های PWA در تمامی دستگاه ها از جمله دسکتاپ، گوشی موبایل، تبلت و … به صورت یکپارچه اجرا می شوند.

hamyardev-1_uCFGdkCP3P6SKv71HvUUFA.png


همانند سایر اپلیکیشن های موبایل این نوع اپلیکیشن ها برای دسترسی سریع و راحت می توانند در صفحه home گوشی قرار بگیرند. همچنین قابلیت نصب دارند، بدون اینکه نیاز به دانلود در مارکت های اپ یا اپ استور باشد.
با اینکه اپلیکیشن های بومی تجربه با کیفیت بالا به کاربران ارائه می کنند اما این نوع اپلیکیشن ها مزایی نسبت به اپلیکیشن های بومی دارند. یکی از این مزایا حذف واسطه هست. برای استفاده از این اپلیکیشن ها کاربر مستلزم به دانلود آن در مارکت های اپ یا اپ استور نیست و سازنده نیاز نیست بر اساس قوانین مختلف مارکت های مختلف اپلیکیشن را منتشر کند بلکه خودش به طور مستقل اپلیکیشن را در اختیار کاربران می گذارد. همچنین این نوع اپلیکیشن ها نیاز به ارائه نسخه های بیشتر جهت به روز رسانی ندارند، تغییرات انجام شده بلافاصله و به صورت خودکار اعمال می شوند.
اشتراک گذاری این اپلیکیشن ها از طریق لینک انجام می شود یعنی شما با قرار دادن آدرس URL مربوطه می توانید امکان نصب اپلیکیشن را به افراد بدهید. همچنین می توانید لینک را با استفاده از کد QR ارائه دهید.
در تصویر زیر نمودار مقایسه روند نصب اپلیکیشن های بومی و PWA را مشاهده می کنید.

hamyardev-pwa-flow-1024x459-1024x459.png


بیایید برنامه Whatapp‌ را به عنوان مثال خود در نظر بگیریم. وقتی که شما به اینترنت متصل نیستید، همچنان می‌توانید برنامه را باز کنید، پیام‌های گذشته را مرور کنید و حتی پیامی را پاسخ دهید. (reply کنید) وقتی که تلفن به اینترنت متصل می‌شود، پیام‌ها به طور خودکار در پس‌زمینه ارسال می‌شوند. این همان چیزی است که یک وب‌اپلیکیشن پیش‌رونده فراهم می‌کند؛ یعنی برنامه را قادر می‌سازد تا وقتی که اینترنتی وجود ندارد بارگذاری شود و در پس‌زمینه همگام‌سازی شود.

hamyardev-what-is-pwa6.jpeg


چرا به وب‌اپلیکیشن‌های پیش‌رونده نیاز داریم
و امکانات آن‌ها چه هستند؟
hamyardev-what-is-pwa-engaging.png


بیایید برخی امکانات هسته‌ای که در وب‌اپلیکیشن‌های غیر پیش‌رونده وجود ندارند را بررسی کنیم.

  1. قابل اعتماد بودن
    برنامه باید سریعا بارگذاری شود و وقتی که اینترنتی وجود ندارد یا شبکه ضعیفی مانند ۲G وجود دارد، بارگذاری شود. تحقیقات گوگل نشان می‌دهند که ۵۳ درصد کاربران وقتی بارگذاری یک صفحه وب بیش از ۳ ثانیه طول بکشد، آن صفحه را ترک می‌کنند.
  2. سریع بودن
    اسکرول کردن‌ها و transitionهای صفحه باید وقتی که کاربر با آن تعامل می‌کند، نرم باشند. همه از اسکرول‌های ضعیف بدشان می‌آید.
  3. پاسخگو بودن
    برنامه باید در تمام سایزها و دستگاه‌های مختلف جا بگیرد. یک وب‌اپلیکیشن خوب باید مثل مایع باشد، که شکل ظرف را به خود می‌گیرد.
  4. قابل نصب بودن
    اگر می‌خواهید وب‌اپلیکیشن‌ها را به برنامه‌های بومی نزدیک کنید، باید قابل نصب باشند و به همراه دیگر برنامه‌ها، در صفحه خانه قرار بگیرند، تا کاربر بتواند با یک کلیک به آن‌ها دسترسی داشته باشد.
  5. قابل درگیری بودن
    برنامه مورد نظر باید بتواند کاربر را درگیر همه چیز نگه دارد. مثلا دارای اعلانات باشد.
تمام موارد بالا در یک وب‌اپلیکیشن پیش‌رونده، قابل اعمال هستند.

hamyardev-pwa-logo.png


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

این مقاله هم می تواند برای شما جالب باشد الگوریتم Hilltop هیلتاپ گوگل و تاثیر آن بر سئوی مدرن
وب‌اپلیکیشن پیش‌رونده و فریم‌وورک‌های رابط کاربری مدرن
برخی فکر می‌کنند که یک وب‌اپلیکیشن پیش‌رونده با به کارگیری آخرین فریم‌وورک‌ها مانند React.js، Angular ۶ یا Vue.js ساخته شده است. اما لزوما نباید اینطور باشد. یک وب‌اپلیکیشن پیش‌رونده هیچ ربطی به فریم‌وورک مورد استفاده شما ندارد، بلکه فقط باید کامپوننت‌های مورد نیاز آن را داشته باشید.

hamyardev-1233648_31e5_3.jpg


یک وب‌اپلیکیشن‌ پیش‌رونده چگونه یک وبسایت را به صورت آفلاین قابل دسترسی می‌کند؟

این دقیقا اولین فکر من درباره یک وب‌اپلیکیشن پیش‌رونده بود. وب‌اپلیکیشن‌های پیش‌رونده دقیقا چگونه بدون اینترنت باز می‌شوند؟

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

یک وب‌اپلیکیشن پیش‌رونده، فایل‌های HTML، فایل‌های CSS و عکس‌های موجود را در cache‌ مرورگر ذخیره می‌کند و توسعه‌دهندگان می‌توانند کاملا آن را کنترل کنند. تمام این موارد، با استفاده از Service Workerها به دست می‌آیند.

کامپوننت‌های فنی یک وب‌اپلیکیشن پیش‌رونده چه هستند؟
یک وب‌اپلیکیشن پیش‌رونده، برخی کامپوننت‌های فنی مهم دارد که با هم کار می‌کنند و وب‌اپلیکیشن معمولی را انرژی می‌دهند. این کامپوننت‌ها برای یک وب‌اپلیکیشن پیش‌رونده خوب مورد نیاز هستند:

hamyardev-what-is-pwa5.jpeg


حال بیایید هر کدام را مورد بررسی قرار دهیم.

۱. Service Worker
برنامه ما مستقیما با شبکه صحبت می‌کند و اگر شبکه‌ای وجود نداشته باشد، صفحه دایناسور معروف نمایش داده می‌شود.

hamyardev-what-is-pwa4.jpeg


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

یک Service Worker، فقط یک کامپوننت JavaScript است که به عنوان یک پروکسی بین مرورگر و شبکه کار می‌کند. Service Worker همچنین اعلانات را مدیریت می‌کند.

hamyardev-what-is-pwa3.jpeg


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

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

۲. فایل manifest
فایل manifest، یک فایل پیکربندی JSON است که شامل اطلاعاتی درباره برنامه شما مانند آیکون، نام کوتاه برنامه، رنگ‌ پس‌زمینه یا تم می‌شود.

hamyardev-what-is-pwa2.png




اگر فایل manifest وجود داشته باشد، مرورگر Chrome به طور خودکار نصب برنامه را شروع می‌کند. اگر کاربر موافقت کند، آیکون برنامه به صفحه اصلی اضافه می‌شود و وب‌اپلیکیشن پیش‌رونده نصب می‌شود.

در اسکرین‌شات زیر، روند کار فایل manifest را می‌بینید:

hamyardev-what-is-pwa7.jpeg


۳. HTTPS
Service Workerها قابلیت رهگیری درخواست‌های شبکه و تغییر پاسخ آن‌ها را دارند. Service Workerها تمام کارها را در سمت کاربر انجام می‌دهند. از این رو، یک وب‌اپلیکیشن پیش‌رونده به پروتکل HTTPS نیاز دارد.

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



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

Lighthouse ابزاری است که می‌توانند در قبال هر صفحه وبی اجرا شود، و یک گزارش تهیه کند. این قابلیت می‌تواند در حین توسعه استفاده شود.
Workbox مجموعه‌ای از کتابخانه‌هایی است که توسط Google اوپن سورس شده است و می‌تواند برای ایجاد فایل‌های Service Worker استفاده شود. Workbox همچنین استراتژی‌های caching‌ مختلفی برای عکس و دیگر منابع را در خود دارد.
خلاصه می‌توانید مطمئن باشید که یک وب‌اپلیکیشن پیش‌رونده می‌تواند به شما کمک کند. امیدوارم این مقاله برای شما پرکاربرد بوده باشد.



منابع : مجله آموزشی راکت ، اپ ساز
 
  • پیشنهادات
  • ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    مزایای طراحی فروشگاه اینترنتی چیست؟
    ارسال شده در تاریخ مهر ۱۷, ۱۳۹۷ توسط عرفان سراج
    hamyardev-com-woocommerce-affiliate-links-discount.jpg

    ۱۷
    مهر
    بازدید: 27

    به این پست امتیاز دهید

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

    سؤالی که ممکن است برای خیلی از شما پیش بیاید این است: چرا باید شرکت سُنتی خودم را به شرکت اینترنتی تبدیل کنم؟

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

    hamyardev-com-online-shop.jpg


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

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

    hamyardev-com-ecommerce-vectors615-.jpg


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

    ۳. می‌توانید خدمات بهتری به مشتریان ارائه دهید
    hamyardev-com-colorful-poster-in-blue-background-of-e-commerce-vector-16595865.jpg


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

    اطلاعاتی برای تصمیم‌گیری قبل از خرید

    حل مشکلی که در هنگام فرایند خرید بروز می‌کند

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

    hamyardev-com-14513874605406.jpg


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

    شما می‌توانید با هزینه‌ی خیلی کمی وب‌سایتی طراحی و راه‌اندازی کنید. سکوهای آماده‌ای مانند وردپرس (self-hosted WordPress blog) در اینترنت وجود دارند که این امکان را به شما می‌دهند خودتان سایت‌تان را طراحی کنید.

    این مقاله هم می تواند برای شما جالب باشد چرا فالورهای رسانه اجتماعی تان به مشتریان وب سایت تان تبدیل نمی شوند؟
    ۵. تمام فاصله‌ها از بین می‌روند
    hamyardev-com-3-stock-vector-flat-d-web-isometric-e-commerce-electronic-business-payment-delivery-shipping-process-sales-265001969.jpg


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

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

    hamyardev-com-flat-design-concept-of-e-commerce-symbols-vector-1716999.jpg


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

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

    hamyardev-com-header_illustrationb_test_4.jpg


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

    البته توانایی برخوردار بودن از هزاران بازدیدکننده تفاوت زیادی با داشتن هزاران بازدید کننده دارد. برای برخوردار شدن از مزایای طراحی فروشگاه اینترنتی باید همان کارهایی را انجام دهید که شرکت‌های سنتی انجام می‌‌دهند: بازاریابی و تبلیغات. باید بیاموزید چطور می‌توانید ترافیک وب‌سایتِ فروشگاه اینترنتی خود را افزایش دهید. یکی از روش‌های مؤثر و کم‌هزینه در این راه، استفاده از رسانه‌های اجتماعی برای معرفی و تبلیغ وب‌سایت‌تان است.

    hamyardev-com-18157677293550-shutterstock-496650928.jpg


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



    eshop-webdesign-article.jpg

    همچنین می توانید برای راه‌اندازی یک فروشگاه اینترنتی ، با ما تماس بگیرید.

    برای ارسال درخواست خود اینجا کلیک نمایید.

    منبع : چطور

    برگرفته از: thebalance
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    لینک UTM چیست و چه کمکی به ما می‌کند؟
    ارسال شده در تاریخ مهر ۲۶, ۱۳۹۷ توسط عرفان سراج
    hamyardev-what-is-utm.jpg

    ۲۶
    مهر
    بازدید: 40

    به این پست امتیاز دهید

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

    • خبرنامه شما یا خبرنامه مجله های آنلاین؟
    • یا چه اندازه از بنر تاثیرگذار تر است؟
    اینجاست که لینک utm و پارامترهای یو تی ام (UTM) وارد عمل می شوند.

    پارامتر UTM چیست؟
    لینک UTM مخفف عبارت Urchin Tracking Module است. Urchin یک شرکت نرم‌افزاری بود که در سال ۲۰۰۵ توسط گوگل خریداری شد و نرم افزاری که آنها ساخته بودند تبدیل شد به چیزی که ما امروز آن را با نام Google analytic می‌شناسیم.

    hamyardev-backlink-660x330.png


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

    نمونه لینکی که UTM هم به آن اضافه شده است را ببینید:

    Please, ورود or عضویت to view URLs content!


    خب، آنها واقعاً چه هستند؟ بگذارید از پایه شروع کنیم.

    درکل می شود گفت، هر چیزی که قبل از آن یک علامت سوال در URL داشته باشد یک پارامتر است:

    hamyardev-what-is-utm-tracking-1.jpg


    یک پارامتر UTM، یک تگ است که در آخر URL افزوده می شود و وقتی بر روی آن کلیک می شود، داده را به گوگل آنالیتیکس می برد و به شما این اجازه را می دهد تا بفهمید که کدام استراتژی مارکتینگ شما تاثیر گذارتر است. یک پارامتر UTM از یک پارامتر و اندازه آن بوجود آمده است:

    hamyardev-what-is-utm-tracking-2.jpg


    ۵ پارامتر کلیدی وجود دارد که برای کمپین های ردیابی کردن درون گوگل آنالیتیکس استفاده می شود. از این بین ۳ تای آن الزامی است و ۲ تای دیگر اختیاری است.

    پارامترهای الزامی در لینک UTM
    hamyardev-utm-parameters.jpg


    • UTM_SOURCE : برای توصیف اینکه ترافیک از کجا می آید به کار بـرده می شود. مثلا نام وبسایتی که تبلیغات شما را نشان می دهد یا نام خبر.
    • UTM_medium : برای توصیف المنت های خاص استفاده می شود. برای مثال ممکن است به محل قرار داشتن بنرها یا سایز آنها در استراتژی های مقایسه ای، عطف داشته باشد. یا می تواند عکس محصول در خبرنامه باشد.
    • UTM_campaign : این منتسب به کمپین سرتاسری ای که شما راه انداخته اید، است. برای مثال، اگر کمپین جدیدی که شروع کرده اید برای یک تلفن جدید باشد (بعنوان مثال Ratin) پس کمپین شما ممکن است (Ratin_launch) خوانده شود.
    پارامترهای اختیاری در لینک UTM
    hamyardev-UTM3.jpg


    • UTM_term : این برای جستجوهای پولی استفاده می شود تا کلمات کلیدی که شما بر روی تبلیغ خاصی پیشنهاد می کنید را تعیین کند. برای مثال یک تبلیغ برای جمله “SEO services” با “utm_term=seo_services” تگ دهی می شود.
    • UTM_content : برای استراتژی مقایسه ای استفاده می شود تا تفاوت بین نوع A و B را مشخص کند.
    این مقاله هم می تواند برای شما جالب باشد نکات طلایی برای موفقیت یک فروشگاه اینترنتی
    ساخت لینک UTM با گوگل آنالیتیکس :
    برای ایجاد یک لینک UTM باید وارد URL Builder شوید که برای دستیابی به آن آدرس مناسب و کوتاهی وجود ندارد و از طریق سرچ عبارت URL Builder میتوانید مسیر ورود به آن را بیابید که در واقع به URL زیر میرسید.

    Please, ورود or عضویت to view URLs content!


    hamyardev-what-is-utm-tracking-3.jpg


    سپس همه چیزی که شما لازم است انجام دهید این است که لینک تولید شده را در عنصری که در حالت عادی می خواهید دنبال کنید، پیوست کنید.
    مهم است به خاطر داشته باشید که پارامترهای UTM به حروف بزرگ و کوچک حساس هستند. بنابراین اگر شما یک URL را با “utm_campaign=ratin” و یکی را با “utm_campaign=Ratin” تگ گذاری کنید، اینها در اکانت گوگل آنالیتیکس شما در دو کمپین جداگانه ظاهر خواهند شد.
    پارامترهای لینک UTM همچنین در نوار آدرس کاربران قابل رویت هستند.

    بنابراین مهم است که از تگ هایی که نمی خواهید کاربرانتان ببینند استفاده نکنید. من به شدت پیشنهاد می کنم که از مقادیر ناپیدا که کاملاً واضع کمپینتان را توصیف می کنند استفاده کنید.



    نحوه استفاده از لینک UTM در گوگل آنالیتیکس
    hamyardev-what-is-utm-tracking-google-analytics.jpg


    خُب حالا برسیم به چیزی که شما از ابتدا برای آن تلاش کرده اید. داده هایتان!

    داده می تواند توسط گوگل آنالیتیکس از طریق رفتن به قسمت Traffic > Sources > Campaign به آسانی دیده شود. در این محل شما لیستی از همه کمپین هایی که دنبالشان گشته اید، خواهید داشت. شما میتوانید بر روی هر کمپین کلیک کنید تا اطلاعات بیشتری برای مثال بر روی medium و source ببینید. همانند بقیه سورس های ترافیکی، شما می توانید معیارهای خیلی مهم برای خودتان، میزان جستجو، تبادلات، تعداد مشاهده های صفحه و غیره را مشاهده کنید، تا تعیین دهید که کدام المنت بر کمپین شما تاثیر گذارتر است.

    در اینجا مکان‌های مختلفی برای یافتن اطلاعات UTM در بخش داشبورد گوگل آنالیتیکز وجود دارد:
    ۱- Acquisition > All Traffic > Source/Medium
    ۲- Acquisition > Campaigns > All Campaigns

    hamyardev-utm-code-social-media-google-analytics.jpg


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

    حالا هر زمان که افراد بر روی این لینک کلیک می‌کنند، گوگل آنالیتیکز فورا مقادیر را در هر پارامتر UTM به هر چیز قابل خواندن در گوگل آنالیتکز ترجمه می‌کند.

    ۳ پرسش اساسی که یک لینک UTM می‌تواند پاسخ دهد:
    هنگامی‌که همه پارامترهای UTM اضافه شد، یک لینک باید قادر باشد کمک کند تا برخی سؤالات اساسی را در مورد ترافیک وب شما پاسخ دهد:

    1. ترافیک از کجا می‌آید؟
    2. چطور ترافیک دریافت می‌شود؟
    3. چرا ترافیک به سمت من می‌آید؟
    روش های دیگر ساخت لینک UTM چیست ؟
    hamyardev-featured-image-utm-parameters.png


    هم می‌شود به صورت دستی UTM را نوشت هم می‌توان از ابزارهایی استفاده کرد که ما مقدار پارامتر را به آن بدهیم و او UTM را برای ما بسازند.

    یکی از ابزارهای خوبی که می‌توانید استفاده کنید appspot.com است که البته به خاطر تحریم ما رو مورد لطف خودشون قرار دادن و بدون تکنیکهای عبور از فیـلتـ*ـر! باز نمی‌شود.

    اگر برای دسترسی به اون سایت محدودیت دارید از raventools استفاده کنید.

    از افزونه گوگل کروم Effin Amazing نیز می‌توانید استفاده کنید.



    منابع : راتین ، oxteam
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    قواعد استفاده از پاپ آپ در طراحی سایت
    ارسال شده در تاریخ آبان ۶, ۱۳۹۷ توسط عرفان سراج
    HamyarDev-Rules-of-using-pop-up-on-web-design2.jpg

    ۰۶
    آبان
    بازدید: 24

    به این پست امتیاز دهید

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

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

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

    پاپ آپ چیست؟
    HamyarDev-Rules-of-using-pop-up-on-web-design3.jpg


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

    پس از مدتی، بسیاری از سایت ها از این ویژگی خوب، سوءاستفاده کردند و وجهۀ تبلیغاتی به آن دادند. وقتی همه جای اینترنت مملو از پاپ‌آپ‌های تبلیغاتی شد، این شرکت گوگل بود که مانند همیشه به نجات کاربران آمد.

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

    پاپ آپ یک قطعه کد جاوا اسکریپت است به کمک این کد می‌توانید مشخص کنید که مثلا اگر کاربر در سایت کلیکی انجام داد، صفحه pop up ظاهر شود. حتما انواع آن را در سایت‌ها دیده اید که برای آگهی های تبلیغاتی و یا اعلام تخفیف‌های ویژه نمایش داده می‌شوند.

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

    HamyarDev-Rules-of-using-pop-up-on-web-design9.gif


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

    HamyarDev-Rules-of-using-pop-up-on-web-design9.jpg


    Notification Bar
    Notification Barبه این شکل است که در کل زمان حضور شما در وب سایت به نمایش در می‌آید و همیشه همان جا باقی می‌ماند برای مثال شما صفحه را اسکرول می‌کنید و این پاپ آپ همچنان در قسمت بالای صفحه است.

    HamyarDev-Rules-of-using-pop-up-on-web-design7.jpg


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

    HamyarDev-Rules-of-using-pop-up-on-web-design.jpg

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

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

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

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

    ۵ دلیل خوب برای استفاده از پاپ‌ آپ در وبسایت
    HamyarDev-Rules-of-using-pop-up-on-web-design5.jpg


    ممکن است گمان گنید گوگل رابـ ـطه خوبی با پاپ آپ‌ها (به خصوص پاپ آپ موبایلی) ندارد و بهتر است که تحت هر شرایطی از آن‌ها دوری کنید؛ اما با دانستن دلیل زیر، به این نتیجه می‌رسید که که اگر از شیوه درست وارد شوید، پاپ آپ‌ها نقش یک کاتالیزور بسیار مهم و موثر را ایفا می‌کنند.

    1. جلب توجه: واقعیت این است که امروزه افراد وقت کافی برای انجام کارهای خود ندارند؛ به همین دلیل استفاده از پنجره‌های کوچکی که حاوی پیام‌های مهم هستند، بسیار جلب توجه می‌کنند.
    2. جنبه روانشناختی: چشم انسان از لحاظ روانشانسی به عناصر و پنجره‌های کوچک و رنگی که دارای افکت‌های زیبا باشد بیشتر جذب می‌شود.
    3. انعطاف پذیری بالا: کاربرد پاپ آپ‌ها دیگر تنها منتهی به تبلیغات اذیت کننده نمی‌شود. در حال حاضر، می‌توانید از آن‌ها در هنگام ورود به سایت، بعد از اسکرول کردن یا قبل از خروج کاربر استفاده کنید.
    4. ظاهر تمیز: همانطور که قبلاً در مقدمه اشاره کردیم، مینیمال بودن یکی از مهم‌ترین عناصر در حفظ زیبایی و سادگی وب سایت است. بنابریان اگر پیامی دارید که حاوی اطلاعات مهم و مورد نیاز برای کاربر است، می‌توانید با استفاده از pop up، بدون اشغال کردن فضای صفحه این پیام را در اختیار بازدید کننده سایت خود قرار دهید.
    5. افزایش نرخ تبدیل: یکی از وب‌سایت‌های معتبر در زمینه طراحی سایت آزمایشی جالب درباره نقش پاپ آپ‌ها در نرخ تبدیل مشتری انجام داده است. طبق نتایج بدست آمده، استفاده از پاپ‌ها نرخ تبدیل مشتری را تا ۳ درصد افزایش می‌دهند. اگر در طراحی و کاربردی بودن پاپ‌ آپ‌های سایت خود دقت عمل به خرج دهید، این عد تا ۹ درصد افزایش می‌یابد.
    آیا پاپ آپ‌ها برای استفاده در موبایل هم مناسب هستند؟
    HamyarDev-Rules-of-using-pop-up-on-web-design8.jpg


    باید بگوییم که پاپ آپ‌ها چندان mobile user friendly نیستند، صفحه نمایش در گوشی‌های موبایل کوچک است، خب اندازه پاپ آپ باید چقدر باشد که محتوای آن قابل دیدن باشد اگر از پاپ آپ کوچک استفاده کنید که محتوا آن دیده نمی شود و توجهی را جلب نمی‌کند همچنین اگر بخواهید از انواع تمام صفحه ای استفاده کنید هم خیلی سریع باعث اذیت کاربر می شوید بهر حالگ وشی‌های موبایل مانند سیستم‌های لپ تاپ دارای ماوس نیستند که کاربر سریع بتواند پاپ آپ را ببندد. پس پیشنهاد می‌کنیم از pop up در صفحه هایی که قرار است در موبایل نمایش داده شود، استفاده نکنید.
    به علاوه وب مستر گوگل قوانین مشخصی وضع کرده است که سایت هایی که در موبایل پاپ آپ نمایش می‌دهند را جریمه می‌کند.

    بالاخره پاپ آپ خوب یا بد؟
    HamyarDev-Rules-of-using-pop-up-on-web-design6.png


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

    نکات مهم استفاده از پاپ آپ در طراحی سایت
    HamyarDev-Rules-of-using-pop-up-on-web-design4.jpg


    – پاپ آپ را تا جاییکه ممکن است ساده طراحی کنید تا اطلاعات آن سریع قابل درک باشد.
    – ظاهر پاپ آپ باید با رنگ و تم کلی سایت، هماهنگ باشد.

    – به محض ورود کاربر، پاپ آپ نباید نمایش داده شود، کمی به بازدیدکننده اجازه دهید تا سایت را بررسی کند و همچنین بهتر است در صفحه اول سایت از pop up استفاده نکنید.

    – یک دکمه بستن برای پاپ آپ قرار دهید.

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



    منابع: پونه مدیا , وبسیما
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    بررسی مزایا و معایب طراحی سایت با وردپرس
    ارسال شده در تاریخ آبان ۲۴, ۱۳۹۷ توسط عرفان سراج
    hamyardev-Exploring-the-advantages-and-disadvantages-of-web-designing-with-WordPress.jpg

    ۲۴
    آبان
    بازدید: 40

    به این پست امتیاز دهید

    چکیده مقاله طراحی سایت با وردپرس
    وردپرس توسط زبان بسیار محبوب PHP نوشته شده و از قدرت MySQL برای ذخیره داده ها استفاده می کند. وردپرس را می توان به عنوان بهترین سیستم مدیریت محتوای کد باز از لحاظ SEO شناخت. در واقع طراحی سایت با وردپرس تنها سیستم مدیریت محتوایی است که علاوه بر سادگی و انعطاف پذیری، نکات SEO را در خود رعایت کرده است.

    طراحی سایت با وردپرس
    بخش مدیریت وردپرس به صورتی طراحی شده است که هر شخصی با کمترین میزان دانش می تواند با آن کار کند. وردپرس محبوترین CMS دنیا می باشد. این CMS برای طراحی وبلاگ و برخی از وب سایت های شرکتی است و مناسب افرادی است که نیاز به نوشتن وبلاگ و طراحی سایت شخصی دارند و با توجه به این افراد جامعه بسیار بزرگی را تشکیل می دهند، وردپرس یک سیستم پرطرفدار و محبوب است. در حال حاضر طبق آماری که W3TECH ارائه نموده، وردپرس ۲۶٫۶ درصد وب سایت های موجود را شامل می شود که در حدود ۱/۴ وب سایت های اینترنتی می باشد.

    مزایای طراحی سایت با وردپرس
    hamyardev-Exploring-the-advantages-and-disadvantages-of-web-designing-with-WordPress1.jpg


    استفاده از سیستم مدیریت محتوای وردپرس مزیت هایی دارد که عبارتند از:

    ۱٫ وردپرس در مقایسه با سایر اسکریپت های آماده سئوی بسیار قوی ای دارد.

    ۲٫ کار کردن با بخش مدیریت محتوای آن بسیار ساده است .

    ۳٫ به راحتی می توان در وردپرس، قالب و پوسته جدید ایجاد کرد.

    ۴٫ در صورت انتشار نسخه جدید، به صورت خودکار دریافت و به روز رسانی می شود.

    ۵٫ قالب های رایگان بسیار زیادی از وردپرس در سراسر وب وجود دارد.

    ۶٫ قالب های آن انعطاف پذیری قابل توجهی دارند و به تعداد نامحدود می توان برای آن پلاگین نوشت و قالب طراحی نمود و به راحتی می توان هرگونه تغییری را در تنظیمات قالب و طراحی گرافیکی آن اعمال نمود.

    hamyardev-Exploring-the-advantages-and-disadvantages-of-web-designing-with-WordPress3.jpg


    ۷٫ رابط کاربری آسان و روانی دارد.

    ۸٫ وب سایت های بسیاری از سیستم مدیریت محتوای وردپرس به صورت بسیار قدرتمند پشتیبانی می کنند.

    ۹٫ برنامه نویسی سیستم وردپرس به گونه ای است که به خودی خود بسیار بهینه و مطلوب موتورهای جستجو است.

    ۱۰٫ وردپرس به صورت OPEN SOURCE است که این مزیت از دو جهت ارزشمند است:

    این مقاله هم می تواند برای شما جالب باشد تبلیغات گوگل چیست؟ + کاربرد تبلیغات گوگل
    تعداد توسعه دهندگان بسیاری دارد که همگی به هسته سیستم دسترسی دارند.

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

    ۱۱٫ هزینه بسیار کمی نسبت به بسیاری موارد دیگر دارد. چرا که نیاز به برنامه نویسی ندارد و اصل هزینه حذف می گردد. هزینه اندک باقی مانده مربوط به طراحی قالب وردپرس خواهد بود.

    و…

    معایب طراحی سایت با وردپرس
    hamyardev-Exploring-the-advantages-and-disadvantages-of-web-designing-with-WordPress2.jpg


    معایب استفاده از سیستم مدیریت محتوای وردپرس عبارتند از:

    ۱٫برای سایت های بزرگ بهینه نیست و امکانات لازم را ندارد. اگر بخواهیم یک سایت با امکانات خاص داشته باشیم مانند یک سایت تخفیف گروهی، نمیتوان از سایت های وردپرسی استفاده کرد زیرا هم هزینه زیادی دارد و هم برنامه نویسی آن زیاد و پیچیده است.

    ۲٫با وجود اینکه انعطاف پذیری زیاد و قابل توجهی دارد، اما همچنان نمی توان تمام کارهای موردنیاز را با آن انجام داد.

    ۳٫ از لحاظ امنیتی مشکلاتی دارد که به مرور زمان مشخص می شود و برای حل این مشکلات می بایست همواره آخرین نسخه آن دانلود شود.

    نتیجه گیری از مقاله طراحی سایت با وردپرس
    دو هدف اصلی سازندگان وردپرس راحتی کاربر در کار با این سیستم و رعایت استاندارد های جهانی هست. به همین منظور شاید امکاناتی را که در یک CMS مشاهده می کنیم بطور تمام و کمال در وردپرس نبینیم. به همین منظور سازندگان وردپرس با کد نویسی دقیق و کامل و در اختیار قرار دادن امکانات و API های فراوان برای توسعه دهندگان این امکان را ایجاد کردند که دیگران بتوانند به راحتی اقدام به ساخت و توسعه افزونه برای وردپرس کنند. وردپرس در ادامه راه پروژه موفق b2 می باشد که در سال ۲۰۰۳ شکل گرفت. نام وردپرس توسط Christine Selleck دوست مت مولوگ ( توسعه دهنده اصلی وردپرس ) پیشنهاد و از آن روز تا الان وردپرس با سرعت و پیشرفتی قابل ملاحظه تبدیل به معروفترین و پرکاربردترین ابزار ساخت وبلاگ بر روی هاست شده است.



    منبع: پارس دیتا
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    نحوه نوشتن توضیح محصولات برای فروش بیشتر
    ارسال شده در تاریخ آبان ۲۰, ۱۳۹۷ توسط عرفان سراج
    hamyardev-How-to-write-product-explanations-for-more-sales.jpg

    ۲۰
    آبان
    بازدید: 33

    به این پست امتیاز دهید

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

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

    ۱ – استفاده از کلیدواژه‌های مرتبط برای فروش بیشتر
    hamyardev-keyword-research-illustration.jpg


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

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

    توضیح محصولی که با دقت و به شیوه ی حرفه ای نگارش شده باشد نقش کیمیا دارد و می تواند در جذب بازدیدکننده های جدید و فروش اینترنتی بیشتر نقش موثری داشته باشد

    ۲- برای فروش بیشتر هیچ سوالی را بی پاسخ نگذارید
    hamyardev-businessman-with-doubts.jpg


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

    چه کسی از این محصولات استفاده می کند؟محصول شما چه ویژگی هایی دارد و مشخصات آن چیست؟
    در کجا می توان از آن استفاده کرد؟
    چه موقع می توان از آن استفاده کرد؟چرا این محصول از سایر محصولات موجود در بازار بهتر است؟چه طور از آن استفاده خواهد شد؟

    این مقاله هم می تواند برای شما جالب باشد المان های آزار دهنده در طراحی سایت
    ۳- برای فروش بیشتر درباره محصولات خود نقد بنویسید
    hamyardev-productreviewplugins.jpg


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

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

    ۴- استفاده از عبارت‌های ویزه برای جلب توجه مشتریان
    hamyardev-discount-sale.jpg


    به آخرین و مهم ترین مرحله از بخش خرید رسیدیم : بخش تکمیل خرید. برای جلب نظر آن دسته از مشتریان که عجله دارند باید چاره ای بیندیشید. یک راه حل عالی برای این کار استفاده از عبارت های خاص در تمام صفحات فروشگاه اینترنتی تان است. نمونه ی این عبارت ها را در زیر مشاهده می کنید :

    فقط تا آخر امروز برای خرید فرصت دارید تا از سرویس ویژه ی “ارسال رایگان” بهره مند شوید
    با عضویت در خبرنامه ی ما از ۱۵ درصد تخفیف بهره مند شوید
    این محصول را با دوستان خود به اشتراک بگذارید و از ۱۰ درصد تخفیف بهره مند شوید
    تنها ۵ عدد از این محصول باقی مانده است
    پیش فروش (این محصول) آغاز شد

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

    همیار توسعه فروش اینترنتی موفقی را برایتان آرزو می‌کند !


    منبع : داده ورزان
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    ۱۰ تکنیک طراحی سایت برای جذب مشتری
    ارسال شده در تاریخ آبان ۱۳, ۱۳۹۷ توسط عرفان سراج
    hamyardev-10-site-design-techniques-to-attract-customers.jpg

    ۱۳
    آبان
    بازدید: 47

    به این پست امتیاز دهید

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

    نکته قابل توجه این است که مخاطبان برای اولین بار فقط به قصد مقایسه کالاها و برندها به جستجو می پردازند و ممکن است وارد سایت شما بشوند،در این مرحله طراحی سایت کاربرپسند و داشتن خدمات ویژه باعث جذب مخاطب میشود و در مراحل بعدی وی را به مشتری سایت شما تبدیل میکند. مطالعات نشان داده است که مخاطبان ۹ ثانیه برای مطالعه ویژگی های برند و کالای شما زمان صرف خواهند کرد و ۸ ثانیه از این ۹ ثانیه صرف مشاهده ویژگی های بصری سایت شما می شود. از طرفی مطالعات نشان میدهد که ۷۵ درصد از مخاطبان براساس طراحی سایت شما، برند شما را قضاوت خواهند کرد. در نتیجه شما با داشتن فروشگاه اینترنتی با طراحی مناسب به سادگی میتوانید مشتریان وفادار جذب کنید. در ادامه ۱۰ گلچین طراحی سایت برای جذب مشتری را برایتان گردآوری کرده ایم، با ما همراه باشید.

    ۱- اهمیت رنگ در طراحی سایت
    hamyardev-CALL-TO-ACTION.png


    تغییر رنگ دکمه های Call-to-Action, CTA از سبز به قرمز می تواند به افزایش فروش سایت شما کمک کند. گزارش ها حاکی از ۲۱ درصد افزایش فروش در نتیجه این تغییر رنگ است. در جای دیگر گزارش هایی از افزایش ۶٫۳% میزان فروش با تغییر رنگ دکمه های CTA از سبز به زرد ارائه شده است. جالب است که بدانید رنگ قرمز و سبز برای افراد کور رنگ به سختی قابل تمایز می باشند. در هنگام انتخاب رنگ این موارد را نیز به خاطر داشته باشید: خانم ها به رنگ های آبی، بنفش، سبز، و مردان به رنگ های آبی، سبز و سیاه تمایل بیشتری نشان می دهند. رنگ های نارنجی و قهوه ای هم کمترین توجه را به خود جذب می کند.

    ۲- اهمیت ویدئوها در طراحی سایت
    تولید ویدئو ها می تواند به افزایش فروش منجر شود. میزان افزایش فروش در سایت های مختلف متفاوت است ولی گزارش هایی از ۱۴۴ درصد افزایش فروش در تجارت های B2B وجود دارد. توجه داشته باشید که ویدئو ها نیز مانند محتوای متنی باید جذاب و کاربر پسند باشد تا به تواند تاثیر مد نظر را بر مخاطب داشته باشد. با توجه به اینکه کاربران ایرانی اغلب از موبایل به تماشای وب می پردازند کد های ویدئو را با HTML5 که توسط گوشی های اندرویدی، IOS و ویندوزی قابل اجرا است درج کنید و حجم ویدئو را برای کاربران مشخص کنید.

    ۳- سادگی استفاده در طراحی سایت
    hamyardev-UX_UI_design.png


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

    این مقاله هم می تواند برای شما جالب باشد الگوریتم کبوتر گوگل چیست و چگونه کار می‌کند؟
    ۴- ایجاد مزیت رقابتی UVP در طراحی سایت
    unique value proposition- UVP چیست؟ مزیت رقابتی یا UVP عبارت است از دلیلی که کاربران باید از بین تمام رقبا شما را انتخاب کنند. توجه داشته باشید که فروشگاه موفق فروشگاهی است که بتواند مشتری خود را نگه دارد. بنابراین کیفیت بالای کالا، تعهد در زمان تحول کالا، خدمات پس از فروش متعهدانه، در افزایش فروش شما موثر خواهد بود.

    نکته: شما در طراح کسب و کار باید مزیت رقابتی خود را بنویسید. اینکار به سرمایه گذاران شما کمک می کند که به کسب و کار شما راحت تر اعتماد کنند.

    ۵- نماد های اعتماد در طراحی سایت
    hamyardev-articlecoverdribbbleshot.jpg


    ای نماد Enamad و سایر نماد های اعتماد الکترونیکی در صفحه اول سایت به مخاطبان شما کمک می کند که راحتتر به شما اعتماد کنند و از سایت شما خرید کنند. در کشور های خارجی برخی سایت ها بعنوان واسطه عمل می کنند و وجه پرداختی را نزد خود نگه داشته تا زمانی که شما کیفیت کالای دریافتی را تائید کنید و سپس این وجه به سایت مدنظر پرداخت می شود. در ایران شرکت های واسطه مسئولیت کمتری می پذیرند. یکی از بهترین شرکت ها در این زمینه در حال حاظر زرین پال است که بسیاری از سایت ها برای پرداخت آنلاین از خدمات آن استفاده می کنند.

    ۶- خدمات رایگان در طراحی سایت
    هنگامی که می خواهید در سایت خود خدمات رایگان ارائه دهید باید واژه رایگان را کاملاً واضح بیان کنید. یکی از دلایلی که مخاطبان سایت شما به خریدار تبدیل نمی شوند روشن نبودن خدمات شما است. شما باید خدمات خود را بطور واضح و مشخص بیان کنید و مشکلاتی که می توانید از مخاطبان خود برطرف کنید را تبلیغ نمایید.

    ۷- فرم های کوتاه در طراحی سایت
    hamyardev-sign-up-form.jpg


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

    ۸- گفتگوی آنلاین در طراحی سایت
    وجود گزینه گفتگوی آنلاین حتی اگر کاربران از آن استفاده نکنند به افزایش اعتماد کاربران به سایت منجر خواهد شد. بسیاری از کاربران ترجیح می دهد که بجای تماس تلفنی با شما گفتگوی آنلاین داشته باشند.

    ۹- اهمیت سرتیترها در طراحی سایت
    hamyardev-Headin-tags-dalton.jpg


    سرتیتر ها باید بیان کننده موضوع اصلی صفحات شما باشند، شما باید مخاطب بلقوه خود را با سرتیترها به سایت خود جذب کنید. راه حل های خود را بصورت سرتیتر در سایت درج کنید.

    ۱۰- فضاهای تهی در طراحی سایت
    عناصر وب سایت باید فاصله منطقی از هم داشته باشند در غیر این صورت سایت شما بیش از حد شلوغ به نظر می رسد. یکی از مواردی که بسیار با آن مواجه خواهید شد استفاده از masonry.js و عدم به کارگیری پدینگ در آن است.



    منبع : بانی سایت
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    بررسی ۵ مورد از برترین ترفندهای سئو در سال ۲۰۱۷
    ارسال شده در تاریخ آبان ۲۷, ۱۳۹۷ توسط عرفان سراج
    hamyardev-Check-out-5-best-SEO-tips-in-2017.jpg

    ۲۷
    آبان
    بازدید: 33

    به این پست امتیاز دهید

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

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

    شتاب دهی به صفحات موبایل (AMP)
    hamyardev-amp.png


    همانطور که می‌دانید، چند سالی است بیش از پنجاه درصد گشت و گذارهای کاربران سراسر دنیا در محیط وب، از طریق دستگاه‌های موبایل همچون گوشی های هوشمند و تبلت ها صورت می‌گیرد. با توجه به همین موضوع، در چند سال اخیر مخصوصا در سال ۲۰۱۶، طراحی ریسپانسیو (Responsive) یا واکنش‌گرا وب سایت، به یکی از اصلی‌ترین ترفندهای سئو تبدیل شده است. با گذشت زمان و متداول شدن این سبک از طراحی، اکنون زمان به پیاده‌سازی استاندارد دیگری رسیده تا بتوان میان وب سایت‌های ریسپانسیو تفاوت قائل شد. ارزیابی بر اساس سرعت باز شدن صفحات در حالت موبایل (AMP –> Accelerated Mobile Pages) را باید یکی از کاربردی‌ترین این راه‌ حل‌ها دانست.

    hamyardev-what-is-google-amp-main.jpg


    AMP‌ها در واقع پروتکل‌های متن بازی هستند که اجازه می‌دهند تا صفحات وب، با سرعت بسیار بالایی در مرورگرهای موبایل باز شوند. باید اعتراف کرد AMP حقیقتا یک پدیده در بین ترفندهای سئو کنونی است که سبب شده تا وب سایت‌ها به ازای مصرف دیتای به مراتب پایینتر، با سرعتی بسیار بالا در مرورگرهای موبایل باز شوند. در زمان بارگذاری محتوا، یک صفحه معمولی هشت برابر بیشتر از AMP مصرف داده دارد. با توجه به این تفاوت، می‌توان به راحتی سرعت باز شدن صفحات در دستگاه‌های موبایل را حدس زد. در سال ۲۰۱۷ انتظار می‌رود تا ترفندهای سئو مرتبط با طراحی ریسپانسیو، مخصوصا AMP باز هم گسترش یابند. با بهره‌بردن از تکنیک‌های مربوط به آن و راه‌اندازی صفحت واکنش‌گرای بیشتر به کمک AMP، می‌توانید از ترفندهای سئو به بهترین وجه ممکن به نفع خود استفاده کنید.

    حضور فعالانه و موثر هوش مصنوعی در ترفندهای سئو
    hamyardev-Google-Rankbrain.png


    در اواخر سال ۲۰۱۶ میلادی، الگوریتم‌های جستجوی گوگل به میزان قابل توجهی نسبت به قبل بهبود پیدا کردند. در این بخش از توسعه، یکپارچه‌سازی خزنده‌های موتورهای جستجو با الگوریتم‌های جدید در دستور کار قرار گرفت تا به این وسیله به میزان هوشمندی آن‌ها افزوده شود. رنک برین (RankBrain) الگوریتم سیستم یادگیری هوش مصنوعی گوگل است که در سال ۲۰۱۵ استفاده از آن تایید شد. این مفهوم در نظر دارد تا فرآیند جستجو در دنیای وب را هوشمندتر ساخته و به این وسیله اطلاعات مرتبط‌تری را حین جستجوی یک کاربر، به وی نشان دهد. برای مقابله با حضور همه جانبه هوش مصنوعی در موتورهای جستجو، باید با یادگیری ترفندهای سئو ، تمرکز خود را بر روی افزایش سطح یکپارچگی و اتحاد بخش‌های مختلف وب سایت قرار داد.

    hamyardev-Google-rankbrain.jpg


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

    این مقاله هم می تواند برای شما جالب باشد تخفیف‌هایی ویژه برای رشد کسب وکار شما در مرداد طلایی
    پدیدار شدن بهینه‌سازی تجربه کاربر
    hamyardev-UX-Designer.jpg


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

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

    hamyardev-ux-web-design.jpg


    از سال ۲۰۱۵، موتورهای جستجو به وب سایت‌های دارای طراحی خوب علاقه‌مند شده و به آن‌هایی که کاربران را به صرف زمان بیشتری در خود به منظور خواندن محتوا وادار می‌کنند، بهای فوق‌العاده‌ای می‌دهد. به این ترتیب، هم مسئولیت ساده‌سازی دسترسی به پلتفرم و هم افزایش تجربه کاربر، مستقیما بر دوش وب مستر و مدیر وب سایت افتاده است. برای دسترسی به این مهم، باید صفحات وب سایت، مخصوصا صفحه اصلی را یوزر فرندلی طراحی کرده و در کنار افزایش استفاده از محتوای گرافیکی و بهبود ویژگی‌های بصری، مسیریابی (منوی وب سایت) را در وب سایت خود به ساده‌ترین وجه ممکن دربیاورید.

    کلیدی به نام برندسازی شخصی
    hamyardev-brand-brand-strategy-jpg.jpg


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

    یکی از ترفندهای سئو به منظور برندسازی را باید انتخاب مناسب آدرس دامین دانست. اگرچه مزایای گزینش صحیح URL تنها به همین مورد ختم نمی‌شود، اما با کمک به وضعیت وب سایت نزد موتورهای جستجو و جلب توجه هوش مصنوعی الگوریتم‌‎های آن‌ها، سبب می‌شود تا استفاده از دیگر ترفندهای سئو به منظور بهینه سازی وب سایت، بیشترین نتیجه را بدهند.

    ادغام لینک‌های کوتاه
    hamyardev-link-a-links.jpg


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

    hamyardev-branded-url-shortener-example.jpg


    این فرمت جدید لینک‌دهی در حال حاضر توسط حدود پانصد کمپانی استفاده می‌شود. پپسی (pep.si) و نیویورک تایمز (nyti.ms) را باید دو نمونه معروف از فرمت آدرس‌دهی و ساخت URL جدید دانست. این مدل جدید شدیدا در برندسازی به کمپانی‌های دارای وب سایت کمک کرده و نامشان را در ذهن کاربران حک می‌کند. بر اساس آخرین تحقیقات، استفاده از لینک کوتاه، سبب شده تا توجه کاربران به سمت لینک‌ها بیشتر جلب شده و نرخ کلیک‌کردن آن‌ها حدود ۳۵ درصد افزایش پیدا کند. گفتنی است لینک کوتاه برندسازی شده، کاربرد ویژه‌ای را در رسانه‌های اجتماعی دارای محدودیت کاراکتر از خود نشان می‌دهد.

    منبع :thenextweb ، گجت نیوز
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    سئوی کلاه سیاه چیست و چگونه باعث نابودی وبسایت ما می‌شود؟
    ارسال شده در تاریخ آذر ۱۱, ۱۳۹۷ توسط عرفان سراج
    hamyardev-black-hat-seo-960x643.jpg

    ۱۱
    آذر
    بازدید: 39

    به این پست امتیاز دهید

    در غرب وحشی و در اواخر دهه ۱۹۹۰، کم کم تب اینترنت داغ شد و گنگسترهای اینترنتی درباره سئو با هم اختلاف نظر پیدا کردند. اختلاف آنها به قدری بالا گرفت که درنهایت گنگسرهای اینترنتی به دو دسته سئوی کلاه سفید و سئوی کلاه سیاه تقسیم شدند:

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

    نزدیک به ۳۰ سال از این دعوای بزرگ گذشته و حالا این کلاه‌پوش‍ها صاحب بسیاری از کسب و کارها در اینترنت هستند. آنها هنوز هم بر اساس کلاه‌هایی که می‌پوشند، سئوی سایت خود را انتخاب می کنند. پشت این رنگ‌ها، استراتژی‌های کاملا متفاوتی وجود دارد. و این تفاوت آنقدر مهم است که اگر می‌خواهید یک سئوی درست برای سایتتان داشته باشید، باید آن را درک کنید.

    hamyardev-black-hat-seo-vs-white-hat-seo.jpg


    سئوی کلاه سیاه چیست؟
    سئوی کلاه سیاه، یک عمل مجرمانه برخلاف قوانین موتورهای جستجو است و برای بالا بردن رتبه سایت در نتایج جستجو مورد استفاده قرار می‌گیرد. در غرب وحشی یک ضرب‌المثل وجود دارد که می‌گوید: عاقبت تبهکاران یا زندان است و یا قبرستان! سئوی کلاه سیاه هم یک روش‌ تبهکارانه است و نه‌تنها به رتبه‌بندی سایت شما کمکی نمی‌کند، بلکه اغلب با مجازات غم‌انگیز موتورهای جستجو پایان می‌یابد. سئوی کلاه سیاه تکنیک‌های بسیاری دارد مانند: تکرار بی مورد کلمات کلیدی، مخفی کردن کلمات، خرید و فروش غیرقانونی لینک و …

    ظاهر شدن در نتایج جستجو برای رشد هر کسب و کاری حیاتی است، اما یک راه درست و یک راه غلط برای بهینه سازی موتور جستجو وجود دارد. روش درست آن همان راه قدیمی کلاه سفیدهای درستکار است.

    hamyardev-black-hat-vs-white-hat-seo.png


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

    تکنیک های سئوی کلاه سیاه که موجب جریمه سایت میشوند
    hamyardev-black-hat-seo-vs-white-hat-seo-2.jpg


    ۱- خرید لینک
    مت کات متخصص سئو بیان می کند:

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

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

    ۲- کامنت های اسپم
    hamyardev-black-hat-seo-spam-comments.jpg


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

    اول اینکه اصولا سایت ها، لینک های ورودی به دیگران به صورت nofollow در می آورند که این یعنی ، هیچ تاثیری این بک لینک بروی رتبه سایت شما ندارد و حتی ممکن است که باعث جریمه سایت شما هم گردد.

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

    این مقاله هم می تواند برای شما جالب باشد کسب و کار اینترنتی چیست ؟
    ۳- محتوای کپی شده
    در خود تولید محتوای ناب صحبت زیاد شده است و همه افراد نیز می دانند که محتوا، پادشاه سایت است. راحت ترین و ارزانترین روش برای افزایش رتبه وب سایت، تولید محتوای ناب است. موتورهای جستجو به محتوای ناب اهمیت زیادی میدهند و استفاده از محتوای کپی شده را بدترین نوع سئوی کلاه سیاه می دانند.



    محتوای کپی شده علاوه براینکه می تواند باعث جریمه سایتتان گردد و رتبه آن را تحت تاثیر قرار دهد، هویت و اعبتار شما را بین کاربرانتان خراب خواهد کرد. البته اگر قرار است که از محتوا سایتتان را دوباره به کار ببرید ( برای مثال مقاله قدیمی را به درخواست کاربران باز دوباره در سایت تان قرار دهید)، بهتر است که از تگ canonical استفاده کنید.

    ۴- دوباره عبارت بندی کردن مقاله‌ها
    دوباره عبارت بندی کردن مقاله در واقع شبیه همان محتوای کپی شده می باشد. این کار یک دزدی ادبی محسوب می شود و فرق آن با محتوای کپی شده این است که عبارتها را جابجا می کنند تا خیلی شبیه مقاله اصلی به نظر نرسد ولی باید گفت که الگوریتم گوگل خیلی باهوش است و سریعا از روی عبارت خاص می تواند مطلب اصلی را از فرعی تشخیص دهد و دزد آن را جریمه کند. یک تکنیک سئوی کلاه سیاه ریز است که خیلی فکر می کنند در آن زرنگ هستند.

    ۵- پنهان کردن متن (cloaking)
    hamyardev-black-hat-seo3.jpg


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

    ۶- صفحه پرش (Doorway page)
    این هم یکی دیگر از تکنیک های سئو کلاه سیاه می باشد. در واقع این صفحه، به عنوان صفحه پرش یا پل شناخته می شود که برای کلمه کلیدی مورد هدف کاملا بهینه شده است و از نظر محتوا ارزش آنچنانی ندارد و هدف آن فقط ارسال کاربر از این صفحه به دیگر صفحاتی است که هیچ ارتباطی با عبارت مورد جستجو کاربر ندارد.

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

    ۷- به کار بردن کلمات کلیدی زیاد
    hamyardev-black-hat-seo-keyword-stuffing.jpg


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

    ۸- محتوای غیرقابل مشاهده
    در این تکنیک کلمات کلیدی را به صورت سفید در پس زمینه مطلب استفاده می شود. از این رو کاربر نمی تواند آن ها را مشاهده کند اما موتورهای جستجو آن را می بیند. این هم یکی از تکنیک های سئوی کلاه سیاه است که ممکن است شما مورد جریمه استفاده بیش از حد از کلمات کلیدی قرار دهد.

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



    منابع : آژانس تبلیغاتی نوین ، سئو کار
     

    ☾♔TALAYEH_A♔☽

    کاربر نگاه دانلود
    کاربر نگاه دانلود
    عضویت
    2017/05/18
    ارسالی ها
    35,488
    امتیاز واکنش
    104,218
    امتیاز
    1,376
    وردپرس ۵ منتشر شد! بررسی ویژگی‌های جدید در این نسخه
    ارسال شده در تاریخ آذر ۱۸, ۱۳۹۷ توسط عرفان سراج
    hamyardev-wordpress-5-released-960x640.jpg

    ۱۸
    آذر
    بازدید: 63

    به این پست امتیاز دهید

    وردپرس، سازنده پرطرفدارترین سیستم مدیریت محتوا (CMS) دنیا، دیروز بود که از نسخه ۵٫۰ پلتفرم خود پرده برداشت. آخرین به‌روزرسانی وردپرس به وردپرس ۵ یکی از بزرگترین به‌روزرسانی‌های این پلتفرم طی سال‌های اخیر بوده و ویرایشگر بلوک محوری را معرفی کرده که مدیریت محتوا را از همیشه آسان‌تر می‌کند.

    آخرین نسخه وردپرس که به افتخار Bebo Valdés، موزیسین کوبایی سبک جاز “Bebo” نام‌گذاری شده، دارای ویرایشگر جدیدی به نام ادیتور گوتنبرگ است که هر بخش از محتوا را در بلوکی مجزا قرار می‌دهد. در این صورت تولیدکنندگان محتوا می‌توانند در مورد محل قرارگیری محتوا و نحوه نمایش آن به بیننده تصمیم‌ بگیرند.

    این موضوع باعث خلق یک سیستم ویزی ویگ (WYSIWYG) بسیار انعطاف‌پذیر شده که کاربر در لحظه تایپ می‌تواند خروجی را در شکل و شمایل نهایی خود مشاهده کند. همچنین وردپرس اعلام کرده که اگر شما خواستار استفاده از HTML یا CSS باشید هم بلوک‌ها برایتان مشکل‌ساز نخواهند شد.

    hamyardev-Twenty-Nineteen-WP-Theme.jpg


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

    قالب پیشفرض جدید Twenty Nineteen
    در این نسخه از وردپرس شاهد افزوده شدن قالب جدیدی به سیستم هستیم. قالب جدید که با توجه به زمان عرضه ی این نسخه، Twenty Nineteen نام گرفته، قالبی بسیار ساده است. (مثل همیشه!) این را گفتیم که در اولین باری که این قالب را مشاهده میکنید، دچار شوک نشوید!

    hamyardev-twenty-nineteen-wordpress-5-theme.jpg


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

    ویژگی‌های جدید وردپرس ۵ را تجربه کنید!
    برخی کاربران هیچ نظری درباره آینده وردپرس ندارند و حتی به این موضوع هم فکر نمی‌کنند. اما در این مقاله قصد دارم به معرفی ویژگی‌های جدید وردپرس که در نسخه ۵ شاهد آنها خواهیم بود بپردازم. این برخی از این ویژگی‌ها بعد از چندین سال دست نخورده ماندن در حال تغییر ناگهانی هستند که از جمله اونها میشه به ویرایشگر جدید وردپرس و امنیت وردپرس اشاره کرد.

    hamyardev-gutenberg-editor-wordpress.jpg


    ۱- ویرایشگر جدید Gutenberg
    پر رنگ‌ترین و عمده‌ترین تغییری که در وردپرس ۵ به چشم میخوره ویرایشگر جدید تحت عنوان Gutenberg هست که به راحتی امکان تایپ و نوشتن در وردپرس را بیشتر از قبل خواهید داشت. این ویرایشگر بعد از سال‌ها قرار هست که جایگزین ویرایشگر قبلی وردپرس بشه و از نسخه ۵ به بعد شاهد استفاده از این ویرایشگر خواهیم بود. اگر با این ویرایشگر آشنایی ندارید میتونید در تصویر زیر نمونه‌ای از اونو ببینید.

    hamyardev-wordpress-5-release.jpg


    اگر بخواهم به صورت عامیانه بگم گوتنبرگ وردپرس چیست باید بگویم Gutenberg یک ویرایشگر جدید برای وردپرس می باشد که از نسخه ۵ وردپرس به هسته وردپرس اضافه شد. در وردپرس ۸.۹.۴

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

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

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

    دانلود افزونه Classic Editor

    ۲- آپدیت امنیتی وردپرس
    hamyardev-wordpress-5-security.jpg


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

    ۳- ویرایشگر Front-end
    hamyardev-wordpress-5-frontend.jpg


    با استفاده از ویرایشگر Front-end هرکسی میتونه به راحتی مطالب و نوشته‌های وردپرس را در صفحه مدیریت و ویرایش بکنه. این راهکار یکی از بهترین ابزار خواهد بود تا در نسخه موبایل و تلفن‌های هوشمند بتونید راحت‌تر و بهتر مطالب را ویرایش کنید و بیش از حد وابسته به دسکتاپ نباشید. ویرایشگر دیداری وردپرس مدت زیادی هست که با وردپرس همراه بوده. در مقایسه با افزونه ویژوال کامپوسر این ویرایشگر سبکتر و سریع‌تر خواهد بود و احتمالا از فریم ورک customizer هم در اون استفاده خواهد شد. در این مورد فعلا اطلاعات بیشتر در دسترس نیست و باید منتظر بمونیم و ببینیم که بعد از انتشار نسخه ۵ وردپرس چه تغییراتی در ویرایشگر Front-end رخ خواهد داد.

    این مقاله هم می تواند برای شما جالب باشد وب دایرکتوری چیست؟
    ۴- بهینه سازی برای موبایل
    hamyardev-wordpress-5-responsive.jpg


    در بین سیستم های مدیریت محتوا وردپرس در زمینه سئو به عنوان برترین سیستم شناخته شده که این مورد بر هیچ کس پوشیده نیست. اما بعد از بهینه سازی در زمینه سئو وردپرس در نسخه ۵ تلاش بیشتری کرده تا امکان بهینه سازی برای موبایل را بیشتر و بیشتر بکنه. که این مورد برای هر دو طرف کاربران توسعه دهنده و کاربر عادی در نظر گرفته شده است. از نسخه ۳ وردپرس همواره تلاش شده تا بین نسخه موبایل و دسکتاپ مدیریت سایت تا جای ممکن تفاوت‌ها به کمترین حد ممکن برسه و امکان مدیریت سایت در موبایل هم به راحتی دسکتاپ فراهم باشد. گذشته از این طراحان قالب بعد از این چند سال سعی کردند تا قالب‌های طراحی شده را بهینه سازی کنند.

    ۵- برش تصویر پس زمینه
    hamyardev-wordpress-5-crop-image.jpg


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

    و موارد دیگر …
    بجز استفاده از ویرایشگر جدید و اضافه شدن قالب جدیدی که در بالا به آن اشاره کردیم، به صورت ظاهری، در این نسخه تغییر خاصی را مشاهده نخواهید کرد. اکثر تغییرات دیگر، تغییرات فنی و اصطلاحا under the hood هستند. مثلا در این نسخه بهبود هایی را در زمینه ی استفاده از REST و سازگاری با PHP 7 خواهیم داشت. علاوه بر این کلیه ی قالب های پیشفرض قدیمی وردپرس تا نسخه ۲۰۱۰ (قالب Twenty Ten) همگی به نحوی به روز رسانی شده اند که امکان استفاده از آنها با گوتنبرگ، به خوبی فراهم باشد. بنابراین اگر از قالب های پیشفرض قدیمی وردپرس استفاده میکنید (!) پس از به روزرسانی به این نسخه، مشکلی از نظر هماهنگی با ویرایشگر جدید نخواهید داشت. علاوه بر این موارد، تعدادی باگ گزارش شده نیز تا زمان عرضه ی نهایی وردپرس ۵ در آن برطرف خواهند شد.

    قبل از آپدیت به وردپرس ۵ به این نکات دقت کنید
    hamyardev-wordpress-5-update.jpg


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

    • قبل از هر کاری برای یک بار هم که شده تا قبل از انتشار نسخه جدید وردپرس، ویرایشگر Gutenberg را در لوکال هاست یا خود سایت نصب کرده و تست کنید. چرا که تغییر به ویرایشگر جدید در روزهای اول کمی دشوار و گیج کننده خواهد بود.
    • ارتقا وردپرس به نسخه بالاتر کمی غیرقابل بازگشته، بنابراین قبل از آپدیت کردن طبق معمول اقدام به تهیه فول بک آپ از هاست بکنید.
    • ممکنه در وردپرس ۵ با کمی ناسازگاری در برخی افزونه‌ها یا قالب خودتون داشته باشید.
    • در وردپرس ۵ برای ویرایشگر گوتنبرگ، بلوک هر چیزی ممکنه جایگزین بشه(حتی ابزارک‌ها)
    سخن نهایی
    لازم به گفتن نیست که بعضی کاربران وردپرس، از نسخه جدید با آغـ*ـوش باز استقبال نخواهند کرد چرا که ممکن است پلاگین‌های قدیمی با نسخه ۵٫۰ سازگاری نداشته باشند. اما با این وجود وردپرس تا دسامبر ۲۰۲۱ اجازه می‌دهد که از طریق یک پلاگین، همچنان از ادیتور کلاسیک استفاده کنید.

    از دیگر ویژگی‌های برجسته این نسخه می‌توان به سازگاری با PHP 7.3، پشتیبانی از جاوا اسکریپت i18n و تم جدید Twenty Nineteen اشاره کرد. وردپرس ۵٫۰ که اوپن سورس و رایگان است را می‌توانید همین حالا از وبسایت وردپرس دریافت نمایید.



    منابع : دیجیاتو ، میزبان فا ، وردپرسی شو ، مستر کد
     
    وضعیت
    موضوع بسته شده است.

    برخی موضوعات مشابه

    بالا