نوشته های پریا نجفلو

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

پریا نجفلو — Mon, 24 Jan 2022 12:39:42 +0330

خرید لوله مانیسمان از نیک فولادقیمت لوله مانیسمان رده 20، 40، 80 و رده های بالاتر را با دریافت وزن میتوانید میتوانید از کارشناسان نیک فولاد استعلام و یا از طریق جداول قیمتی مشاهده کنید.لوله مانیسمان چیست؟این محصول لوله‌ای است از جنس فولاد که به صورت یکدست و بدون هیچ درز و جوشی ساخته می‌شود. این نوع محصول با عنوان لوله بدون درز هم شناخته می‌شود. لوله مانیسمان از استحکام و دوام بالایی برخوردار است. از طرفی چون هیچ درز و جای جوشی در این لوله وجود ندارد، امکان نشتی به شدت کم می‌شود. کاربرد لوله مانیسمان به دلیل همین ویژگی‌ها در صنایع مختلف و بخش‌های متفاوت ساخت و ساز دیده می‌شود. در واقع در هر بخشی از صنایع مختلف که قرار است سیالات در شرایط ایمن منتقل شوند، این نوع لوله را به کار می‌برند. قیمت لوله مانیسمان را میتوانید از نیک فولاد بخواهید.مشخصه‌های لوله مانیسمانکاربردی‌ترین مشخصه‌های لوله مانیسمان عبارتنداز:دوام و استقامت بالامقاومت در برابر نشتیاستحکام بالا در برابر نیروهای خارجیقابلیت اتصال بدون آسیباستانداردهای لوله مانیسماناین محصول نیز مانند بیشتر محصولات فولادی دارای استانداردهای مختلفی است. مهم‌ترین این استانداردها عبارتنداز:استاندارد ASTM به شماره A106 و A53استاندارد نفت و گاز API 5Lکاربرد لوله مانیسمان کدام است؟لوله مانیسمان به دلیل استحکام و نفوذناپذیری قابل‌توجهی که دارد بسیار گسترده است. این محصول برای انتقال سیالات به خصوص در بخش‌های آسیب‌پذیر به کار گرفته می‌شود. به علاوه نیروگاه‌های تولید انرژی، پالایشگاه‌ها و مراکز پتروشیمی، مبدل‌های گرما و حرارت، انتقال و آبرسانی بخش‌های مختلف صنعت کشاورزی، خطوط هیدرولیک، خطوط انتقال نفت و گاز، خطوط فشار قوی و خطوط انتقال صنایع غذایی و دارویی به طور گسترده از این نوع لوله استفاده می‌کنند. در واقع هر صنعتی که به لوله‌کشی با کیفیت و ماندگار نیاز داشته باشد به لوله مانیسمان وابسته‌اند.انواع لوله بدون درز مانیسمانیکی از دسته‌بندی‌های رایج این محصول براساس نسبت قطر به ضخامت می‌باشد. به این ترتیب انواع لوله مانیسمان عبارتنداز:لوله مانیسمان رده سبک: این نوع لوله دارای ضخامت کم نسبت به قطر است. رایج‌ترین سایزهای این نوع لوله ۱ تا ۱۶ اینچ است. از طرفی برای ضخامت این نوع لوله ۳ تا ۷.۵ میلی‌متر در نظر گرفته می‌شود. لوله گاز مانیسمان یکی از نمونه‌های این دسته به حساب می‌آید.لوله مانیسمان رده ۴۰: قطر لوله‌های این رده بین نیم تا ۱۶ اینج و ضخامت آن‌ بین ۲.۷ و ۱۲.۷ است. قیمت لوله مانیسمان رده 40 را در جداول قیمتی زیر میتوانید مشاهده کنید.مانیسمان رده ۸۰: لوله‌های این رده قطری بین ۰.۵ تا ۱۶ اینچ دارند. از طرفی ضخامت این نوع لوله بین ۳.۷ و ۲۱.۴ است.لوله مانیسمان رده ۱۶۰: لوله‌های این رده دارای قطر ۴۰ و ۸۰ است. به لحاظ ضخامت نیز ۴.۷ تا ۴۰.۴ برای این محصول در نظر گرفته شده‌است.نیک فولاد (www.nikfoolad.com) تامین کننده انواع لوله مانیسمان در رده ها و وزن های مختلف است.

همه چیز درباره open graph

پریا نجفلو — Sun, 08 Aug 2021 11:33:05 +0430

تاحالا اصطلاحOpen Graph به گوشتون خورده؟ اگر جوابتون مثبته؛ میدونید چه زمانی ازش استفاده میشه؟ تو این مقاله من میخوام به این دوتا سوال شما جواب بدم.تعریف Open Graphبه طور کلی به مجموعه ای از متا تگ ها که در ساختار کدنویسی سایت و در بخش headقرار میگیره و به شما اجازه می ده تا صفحات خودتون رو تو اغلب شبکه های اجتماعی با ظاهر بهتری ارائه بدید Open Graph گفته میشه. با استفاده از این تگ میتونید انتخاب کنید که صفحات موردنظرتون با چه جزئیاتی تو شبکه های اجتماعی نشون داده بشن.اولین بار هم شرکت فیس بوک از این تگ ها برای نمایش بهتر سایت ها تو شبکه اجتماعی خودش استفاده کرد. سال ها بعد هم شبکه های اجتماعی دیگه هم این ساختار رو استفاده کردن.ساختار open graphاما یه سوال اینجا پیش میاد و اونم این هست که این متاتگ رو با چه ساختاری توی کدهای سایتمون جا بدیم؟برای درک این مساله بیایید باهم یه مثال رو بررسی کنیم:یه متاتگ اپن گراف از دو بخش تشکیل میشه که شامل meta property و content هست.بخش اول: meta propertyهمه تگ های اپن گراف با meta property شروع میشن که نوع اپن گراف رو نشون میده. بعد از اون دو حرفیog قرار میگیره که محتواش “نوع متاتگ اپن گراف” را مشخص میکنه.تو مثال بالا با توجه به واژه ی title؛ تگ موردنظر برای نمایش عنوان صفحه تون تو شبکه های اجتماعی استفاده می شه. نوع متاتگی که برای اپن گراف استفاده میشه شامل موارد زیر هست:Type: نوع محتواDescription: توضیحات محتوا در شبکه های اجتماعی،:Title نمایش عنوان صفحه در شبکه های اجتماعیImage: این واژه نمایش دهنده ی تصویر محتوا تو شبکه های اجتماعی هستبخش دوم: contentواژهcontent تو ساختار اپن گراف؛ محتوای اون رو نشون میده. مثلا برای مثال بالا؛ متن عنوانی که تو شبکه های اجتماعی نشون داده میشه « همه چیز درباره اپن گراف » هست، یا مثلا برای تگ اپن گراف image، آدرس عکسی که قراره نمایش داده بشه و ...با رعایت همین چند نکته ساده میتونید یه ظاهر جذاب و قابل قبولی از خودتون تو شبکه های اجتماعی به جا بذارید.

با خطای mixed content در سایتتان روبرو شده اید؟

پریا نجفلو — Wed, 28 Jul 2021 13:53:00 +0430

به نظر من سئو دریایی از مفاهیمیه که اگر به صورت کاملاً پایه‌ای بهشون پرداخته شه، تو درک مفاهیم تخصصی به مشکل برنمیخوریم. مثلاًمیدونید خطای Mixed Content از کجا میاد و دلیل ایجادش چیه؟ اگر جوابتون منفیه، دو دقیقه وقت بذارید و پست زیر رو بخونید. شناخت منشاء خیلی از خطاها میتونه به حل راحتتر و سریعتر اون خطاها کمکمون کنه.یکی ازاولین کارایی که هنگام طراحی و راه اندازی سایت بهتره که انجام بشه فعال شدن ssl هست که در اون http به https تبدیل میشه. لازمه بدونید که این کار برای ایمن شدن ارتباط کاربر با سایت انجام میشه. یکی از خطاهایی که ممکنه به دلیل تنظیمات نادرست SSL (انتقال نادرست http به https) صورت بگیره خطای mixed content هست که میگهیهمحتوای ناامن تو سایت شما وجود داره و سایت به طور کامل محافظت نشده.به طور کلی اگر حالتی پیش بیاد که در اون بخشی از اطلاعات وب سایت (مثلاً تصاویر) با http و بخشی دیگر وب سایتبا https بارگذاری و نمایش داده بشه، Mixed Content به وجود میاد.تا اینجا ما فهمیدیم این خطا چیه ولی اینجا سؤال پیش میاد که برای رفع اون چیکار باید کرد؟برای رفع ارور mixed content اول از همه باید تشخیص بدیم که سایت ما با این مشکل مواجه هست یا نه.یکی از روش‌های تشخیص این خطا علامت زرد رنگ کنار قفل url و یا وجود یه قفل شکسته تو اون قسمت هست. روش دیگه برای تشخیص وجود خطای ناشی از ssl استفاده از یه سایت تست آنلاینهمثل Why No PadLock هست.بعد اینکه مطمئن شدیم که سایت ما با این ارور روبرو شده نسبت به رفع اون باید اقدام کنیم.یکی از روش‌های رفع خطای mixed content ، استفاده از یک رشته کد در سایتهای کدنویسی شده و یا استفاده از افزونه های خاص در سایت‌های وردپرسیه.نکته آخر!درسته شناسایی و رفع این مشکل توی سایت بسیار کار ساده آیه ولی به محض اینکه متوجه شدید این مشکل تو سایت هست، ساده از کنارش رد نشید.

Cannibalization (کنیبالیزیشن) چیست؟

پریا نجفلو — Tue, 27 Jul 2021 23:26:59 +0430

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

دستورات مورد استفاده در robot.txt

پریا نجفلو — Tue, 13 Jul 2021 10:28:30 +0430

در مقاله قبلی درباره اینکه robot.txt چیست و چه کاربردی دارد مطالبی را آموختیم، اما این همه ی ماجرا نیست. روش کار و نحوه ساختن فایل robot.txt جذابترین و کارآمدترین قسمت آشنایی با آن است.پس سریع‌تر به اصل ماجرا میپردازیم.قبل از همه چیز باید بدانید که robot.txt دارای 4 دستور کلی است؛ User-agent، Disallow Allow و Sitemap. اما هر کدام از این دستورات برای چه منظوری استفاده می شود.۱.User-agentاین دستور را زمانی در فایل robot.txt مینویسیم که بخواهیم یک یا چند ربات از ربات های گوگل را هدف قرار دهیم و به دو صورت استفاده میشود. • اگر هدفمان دستور مشترک به تمامی ربات های کرالرهاست، از علامت ستاره (*)بعد از User-agent می‌توان استفاده کرد. همانند عبارت زیر: *:User-agent اگر بخواهیم دستور بالا را تفسیر کنیم، میتوان گفت که تمامی دستورات بعد از این عبارت برای همه ربات ها یکسان باشد. • حالت دوم زمانی است که بخواهیم یکی از ربات های گوگل را مورد هدف قرار داده و دستور خاصی را به آن بدهیم. به مثال زیر توجه کنید: User-agent: Googlebot عبارت بالا به این معنی است که اجرای دستورات بعد از این عبارت فقط برای ربات گوگل الزامی است.۲. Disallowاین عبارت زمانی استفاده می‌شود که دستور بدهیم تا آدرس‌هایی از ربات‌های جستجو مخفی بماند.به عنوان مثال اگر نمی‌خواهیم موتورهای جستجو، ویدیوهای وب‌سایت‌ را ایندکس کنند، می توان تمام این ویدیوها را درون یک پوشه در هاست خود و دور از دسترس موتورهای جستجو قرار داد. اگر برای این کار تمام این ویدیوها را به درون فولدری به نام videos قرار داده باشیم. برای آنکه به گوگل بگویید که آن‌ها را ایندکس نکند، از دستور زیر استفاده میکنیم:* :User-agentDisallow: /videosعلامت / بعداز Disallow به ربات گوگل دستور می‌دهد وارد پوشه‌ای در root به نام videos شوی.دو عبارت بالا در فایل robots.txt، به هیچ یک از ربات‌ها اجازه ورود به فولدر ویدیوها را نمی‌دهد. همانطور که در قسمت قبلی اشاره شد، قسمت «User-agent: *» بیانگر این است که این دستور برای تمامی ربات‌های جستجو باید اجرا شود. و در نهایت Disallow: /photos بیانگر این است که ربات، اجازه ورود یا ایندکس پوشه ویدیوهای سایت را ندارد.۳. Allowاین دستور امکان مشاهده یک فایل، در فولدری که Disallowed شده را به ربات گوگل می‌دهد. در مثال قبل دستوری را نوشتیم که به ربات‌های گوگل، اجازه دسترسی به ویدیوی سایت را نمی‌داد. حال تصور کنید درون این پوشه‌، ویدیویی به نام seo.mp4 وجود دارد که می‌خواهیم Googlebot آن را ایندکس کند. با استفاده از دستور زیر می‌توان این کار را انجام داد:* :User-agentDisallow: /videosAllow: /videos/seo.mp4این دستور به این معناست که با وجود اینکه پوشه videos از دسترس ربات‌ها خارج شده است، اما اجازه مشاهده و ایندکس فایل seo.mp4 را دارد.۴. sitemapبه طورکلی برای دسترسی به sitemap چند راه وجود دارد. یکی از این راه‌ها نوشتن آدرس فایل در robot.txt است.Sitemap: https://example.com/sitemap.xml

آیا می دانید robots.txt چیست؟

پریا نجفلو — Mon, 12 Jul 2021 12:11:47 +0430

همیشه بخش‌هایی از سایت وجود دارد که ممکن است یا محتوای مناسبی نداشته باشد و یا کاربردی برای کاربران نداشته باشد.اینجاست که دلمان میخواهد این صفحات از دید موتورهای جستجوی گوگل مخفی بماند. حال این سؤال مطرح می‌شود که آیا می‌توان این کار را بدون اینکه از سایت حذف شود، انجام داد؟ برای پاسخ به این سؤال نام robots.txt به میان می‌آید که در ادامه میتوانید با آن آشنا شده و به سؤال خود پاسخ دهید.robots.txt چیست؟robots.txt فایلی است که به ربات های موتور جستجو می گوید که کرالر به کدام URL در سایت شما می تواند دسترسی پیدا کند. استفاده از robots.txt عمدتا برای جلوگیری از بارگذاری بیش از حد درخواست ها در سایت استفاده می شود. به طور کلی با استفاده از دستورهایی که در حوزه بهینه سازی سایت‌ها برای موتورهای جستجو موجود است، میتوان از ورود ربات های گوگل به صفحاتی از سایت که میخواهیم جلوگیری کرد.موارد استفاده robots.txtتا اینجا متوجه شدیم robots.txt چیست، اما اینکه دقیقاً برای چه مواردی کاربرد دارد، مساله ای است که در ادامه به آن پرداخته ایم.1.جلوگیری از ورود ربات ها به سایتنکته قابل توجه در استفاده از این فایل زمانی است که سایت ما دارای بازدید زیادی است و نمیخواهیم منابع سرور صرف بازدیدهای سریع و پشت سر هم ربات ها شود.در اینجا با نوشتن یک دستور ساده از بازدیدهای بسیار زیاد ربات ها از صفحات جلوگیری میکنیم و پهنای باند سرور و یا هاست صرف ربات ها نمی شود.جلوگیری از ورود ربات ها به سایت به این دلیل حایز اهمیت است که هاست و یا سرور سایت شما برای بارگذاری صفحات برای ربات مشغول نشوند.2.مدیریت Crawl Budgetپیش از همه چیز بیایید به بررسی معنای Crawl Budget بپردازیم. تعداد صفحاتی را که کرالرهای گوگل در یک روز به آن‌ها می‌پردازد Crawl Budget می گویند.این بودجه به تعداد صفحاتسایت و عدم بروز خطای آنها و تعداد بک‌لینک‌های سایت‌ بستگی دارد.3.جلوگیری از نمایش صفحات در نتایج جستجوی گوگلاگر در فایل robots.txt از ربات ها بخواهیم که صفحات ایندکس نشوند این اتفاق می افتد. اما ممکن است در صفحات جستجو هم نمایش داده شود. پیش از این با استفاده از دستور noindex صفحات را می شداز دید گوگل و نتایج جستجو دور نگه داشت. در سال‌های اخیر گوگل اعلام کرد بهتر است از روش دیگر برای نشان ندادنصفحات وبسایت از نتایج جستجو استفاده کرد. زیرا ممکن است با استفاده از لینک هایی که به آن صفحه داده شده است ، صفحه ایندکس شود.برای این کار استفاده از تگ noindex در head صفحه پیشنهاد می شود.البته در سایت‌های وردپرسی می‌توان از یک افزونه استفاده کرد.در این مقاله، با موارد کاربرد فایل robot.txt آشنا شدیم. اما اینکه چه دستوراتی برای کار با این فایل وجود دارد و چطور باید از این دستورها استفاده کرد، موضوعی است که در مقاله بعدی به آن می پردازیم.

ابزار رایگان و حیاتی Google برای سرچ کلمات کلیدی در SEO

پریا نجفلو — Fri, 18 Jun 2021 01:49:42 +0430

سئوکارهای مختلف پروژه های سئوی خود را با استراتژی های مختلف آغاز کرده و پیش می برند. عده ی بسیاری این پروژه های را با کیورد ریسرچ آغاز می کنند که مرحله بسیار مهم و کلیدی در این حوزه می باشد. اگر برای بار اول هست که پروژه ی سئو دریافت میکنید و نمیدانید که از کجا باید شروع کرد، تا انتهای این مقاله همراه ما باشید.لازم است بدانید که فضاهای متعددی وجود دارد که به عنوان ابزارهای SEO می توان از آنها استفاده کرد - Moz نمونه بارز آن است - اما اگر تازه شروع به کار کرده اید یا بودجه لازم برای ابزارهای فانتزی را ندارید ، نگران نباشید منابع و ابزار زیادی برای استفاده در حوزه سئو در دسترس است.1. گوگل ترندز (Google Trends)درواقع Google Trends برای بررسی "روند" موجود در queryها استفاده می شود. این ویژگی گوگل ترندز را به ابزاری عالی برای تحقیق در مورد کلمات کلیدی تبدیل می کند.پیدا کردن کلمات کلیدی جدیدوقتی وارد Google Trends میشوید ، یک نوار جستجو مشاهده خواهید کرد که در آن می توان یک عبارت طولانی یا یک query خاص را جستجو کرد. به محض ورود به query خودتان ، نمودار میزان جستجوی query موردنظر برحسب زمان برای شما نمایش داده می شود.اگرچه دربسیاری از موارد این قسمت از گوگل ترندز مفید است ، اما قسمت مهمتر در پایین صفحه قرار دارد: Related Topics and Related Queries.به طور پیش فرض ، این قسمتها روی "rising" تنظیم می شوند. درواقع نشان میدهد که این موضوعات و کوئری ها در حال حاضر در حال سرچ هستند. اینها کلمات کلیدی هستند که ممکن است بخواهید زودتر از بقیه کلمات استفاده کنید. زیرا می توانید اولین کسی باشید که این کلمات را استفاده کرده و به سرعت رتبه بگیرید.تحقیق کلمات کلیدی پیشرفته (Advanced keyword research)حتی در سطح پایه ، Google Trends مفید است ، اما همیشه می توانید یک قدم جلوتر بروید. در بالای Google Trends ، منویی وجود دارد که به شما امکان می دهد منطقه (Region)، دوره زمانی (time period)، دسته (category) و پلتفرم های جستجو (search platforms) را تعیین کنید.ویژگی Region به شما امکان می دهد تعیین کنید که می خواهید داده های جستجو را از لحاظ جغرافیایی از کجا استخراج کنید. این ویژگی هنگام کار روی پروژه های محلی SEO میتواند مفید واقع شود.با گزینه Category میتوانید حوزه ای را که در آن رقابت می کنید انتخاب کنید. این ویژگی برای افرادی که خدماتی را در یک صنعت خاص ارائه می دهند یا افرادی که query بسیار رایجی دارند، مناسب می باشد.گزینه Search platform به شما امکان می دهد داده ها را به پلتفرم های خاصی مانند جستجوی YouTube ، جستجوی تصویر ، جستجوی Google Shopping و جستجوی اخبار فیلتر کنید.چند ابزار رایگان دیگر برای این مرحله وجود دارد که در مقالات بعدی به شما معرفی خواهیم کرد.

عملکرد async و defer در دنیای طراحی سایت

پریا نجفلو — Sun, 30 May 2021 02:31:30 +0430

این روزها که عمیقتر وارد دنیای وب و سئو شدم، یه سری اصطلاحات و کلماتی میشنوم که آشنایی با اون ها باعث میشن کامل بفهمم که دارم چیکار میکنم.جالبه بدونید که سرعت سایت نقش بسیار مهمی برای جلب اعتماد موتورهای جستجوی گوگل داره. عوامل بسیاری روی این فاکتور تأثیر گذاره، یکی از این عوامل فایل‌های جاوا اسکریپته.اگر از این نوع فایل‌ها به درستی استفاده نشه میتونه برای سایتتون فاجعه به بار بیاره. به طور کلی تو وب سایت های مدرن ، اسکریپت ها اغلب "سنگین تر" از HTML هستند: سایز دانلود در اونها بیشتر و زمان پردازش هم طولانی تر هست.وقتی مرورگر HTML رو بارگیری می کنه و با تگ ... مواجه میشه ، نمی تونه ساخت DOM رو ادامه بده و باید اسکریپت رو همون لحظه اجرا کنه. همین مورد برای اسکریپت های خارجی هم اتفاق می افته، که منجر به یه موضوع مهم می شه:اسکریپت ها نمی تونن المان های DOM (يک مدل درختی استاندارد ، برای دسترسی به کليه عناصر درون يک فایل HTML) رو در زیر ببینن.اگر در قسمت هد صفحه اسکریپت بزرگی وجود داشته باشه ، "صفحه رو بلاک" می کنه و کاربران نمی تونن محتوای صفحه رو بارگیری و اجرا کننراه حل هایی برای این مساله وجود داره. به عنوان مثال ، ما می تونیم یه اسکریپت پایین صفحه قرار بدیم. بعد می تونه المان های بالای خودش رو ببینه ، و نمایش محتوای صفحه رو بلاک نمی کنه:اما این راه حل خیلی مناسب نیست. به عنوان مثال ، مرورگر فقط پس از دانلود کامل HTML متوجه اسکریپت می شه (و می تونه بارگیری اون رو شروع کنه). برای داکیومنت های طولانی HTML ، ممکنه تاخیر قابل توجهی اتفاق بیفته.طبق اطلاعاتی که دراین باره به دست اوردم، بزرگترین پیشرفت در عملکرد وب زمانی بود که مرورگرها شروع به بارگیری اسکریپتها به طور موازی کردند. قبل از سال 2006 ، همه مرورگرها اسکریپت های خارجی رو به طور متوالی بارگیری و اجرا می کردند.با HTML5 ، دو attribute بولی برای تگ داریم : async و defer.این دو attribute برای افزایش سرعت و عملکرد وب سایت ها ضروریه. این دو آپشن، امکان رفع بلاک بودن جاوا اسکریپت رو که در اون صفحه باید قبل از پایان رندر شدن صفحه، بارگذاری و اجرا بشن ، رو فراهم میکنه.اگر شما هم تازه وارد حوزه سئو شدید و بار اولتون هست که دارید این اصطلاحات رو میشنوید تا انتهای این پست همراه من باشید تا به طور کامل بهتون بگم جریان از چه قراره…ویژگی Deferبه طورکلی Defer به مرورگر می گه منتظر اسکریپت نباش. در عوض ، مرورگر به پردازش HTML و ساخت DOM ادامه میده. اسکریپت "در پشت پرده" بارگیری می شه ، و پس از ساخت کامل DOM اجرا می شود.ویژگی asyncویژگی async تا حدودی مثل defer هست و اسکریپت رو بلاک نمی کنه. اما تفاوت های مهمی در رفتار داره.اسکریپت موردنظر همزمان با بارگیری صفحه بارگیری میشه و هر موقع دریافت شد پارسینگ HTML صفحه متوقف می شه تا اجرای اسکریپت انجام بشه، درنهایت دوباره پارسینگ صفحه ادامه پیدا میکنه.

معرفی AJAX به زبان ساده

پریا نجفلو — Fri, 21 May 2021 22:52:07 +0430

آيا میدونید AJAX مخفف Asynchronous JavaScript And XML و هنر تبادل داده با سرور و به روزرسانی بخشهایی از یه صفحه وب - بدون بارگیری مجدد کل صفحه- هستش. AJAX یه تکنیک جدید برای ایجاد برنامه های وب بهتر ، سریع تر و تعاملی تر با کمک XML ، HTML ، CSS و جاوا اسکریپته.فراخوانی AJAX با استفاده از توابع موجود در jQuery انجام میشه. با استفاده از این توابع، TEXT ، HTML ، XML یا JSON رو با استفاده از HTTP Get و HTTP Post از یک سرور راه دور درخواست کنیم – همچنین میشه داده های external رو مستقیماً در عناصر انتخاب گر HTML در صفحه وب خودمون بارگذاری کنیم!کاربرد AJAX در دنیای وبمکانیسم عملکرد این تکنولوژی همانند برنامه های وب متداول، استفاده از درخواست های همزمان ، برای تبادل اطلاعات با سروره. برای درک بهتر این مکانیسم، بیایید یه مثالی رو باهم بررسی کنیم. در کل یکی از کاربردهای متداول و در عین حال ساده استفاده از Ajax، در بررسی پایگاه داده سایت زمانیه که کاربر جدید بخواد تو سایت ثبت‌نام کنه. به این معنی که کاربر یه فرم رو پر می کنه، دکمه ارسال رو فشار میده و به صفحه جدیدی با اطلاعات جدید از سرور هدایت میشه. با استفاده از AJAX ، هنگام فشردن دکمه ارسال ، JavaScript به سرور درخواست ارسال می کنه ، نتایج رو دریافت و صفحه فعلی رو به روز می کنه.تا به حال به سایت های facebook یا google سر زدین؟ آیا نحوه نمایش نظرات کاربران فیس بوک و یا حتی صفحه نتایج گوگل توجه شما رو جلب کرده؟ در کل هر دو سایت رویکرد مشابهی دارن و همون اول بخش کوچیکی از اطلاعات رو نمایش میدن تا صفحه خیلی سریع بارگذاری بشه، در نهایت در صورت نیاز، اطلاعات بیشتری رو به آرامی بارگذاری می کنن.کاربرد دیگر AJAX در وب، انجام فعالیت های دیتابیس تو پشت صحنه ست. به این دلیل که دیتابیس سنگین و زمان بره و باعث کند شدن اجرای صفحات مختلف وب میشه، با استفاده از این روش میشه عملیات های مربوط به دیتابیس مثل خواندن، نوشتن و یا حذف از دیتابیس رو انجام بدید. در نتیجه نیازی به بارگذاری مجدد صفحات نیست و سرعت اجرای سایت بالا میره.استفاده از AJAX در طراحی سایتبا استفاده از AJAX میشه کارهایی رو انجام داد که با انتخابگر های معمولی css امکان انجامش وجود نداشته باشه. با استفاده از این تکنولوژی، کاربر مدت زیادی رو منتظر بارگذاری کامل صفحه نمیمونه. درواقع، AJAX یک تکنولوژی مرورگر وب مستقل از نرم افزار وب سروره. با استفاده از AJAX، کاربر به استفاده از برنامه ادامه میده، در حالی که client program در پشت پرده اطلاعات رو از سرور درخواست می کنه.بهتره بدونید که Ajax از XHTML برای محتوا ، از CSS و DOM برای نمایش و JavaScript برای نمایش محتوای پویا استفاده می کنه.قالب XML معمولاً به عنوان قالب دریافت داده های سرور مورد استفاده قرار می گیره. اگرچه از هر قالب ، از جمله TEXT ساده هم برای این کار میشه استفاده کرد.نمونه هایی از برنامه هایی که از AJAX استفاده می کنند شامل Gmail Google Maps ، Youtube و Facebook هست.

۱۶ روش برتر طراحی صفحه PDP (جزئیات محصول) با مثال

پریا نجفلو — Fri, 14 May 2021 22:23:54 +0430

یک لحظه به آخرین باری که قصد خرید آنلاین داشته‌اید فکر کنید. آیا ویدئویی از محصول مورد نظر وجود داشت؟ بازدیدها و نظرات را بررسی کردید؟ شاید هم در نیمه راه از خرید منصرف شده و صفحه را ترک کرده‌اید. اگر چنین است، دلایلتان برای این کار چه بوده است؟از لحظه‌ای که مشتری کالای مورد نظر خود را سرچ می‌کند تا وقتیکه فرآیند خرید را به اتمام می‌رساند، مسیری است که هر نقطه از آن نقش حیاتی در درصد فروش دارد. اما مهم‌ترین نقطه از این مسیر، لحظه‌ای است که صفحه جزئیات محصول توسط مشتری بالقوه مشاهده می‌شود. کیفیت و محتوای این صفحه است که مشخص می‌کند، مشتری بالقوه محصول مورد نظر را می‌خرد یا نه.جالب است بدانید سه ویژگی وجود دارد که این صفحه را به برگ برنده کسب و کار شما تبدیل می‌کند:در این صفحه باید اطلاعات دقیقی از محصول که البته به نوعی مزایای آن را مطرح می‌کند، ارائه شود.در این صفحه باید مشتری بتواند خیلی راحت و بدون دردسر به مرحله بعدی خرید منتقل شود.در این صفحه باید پیشنهادهای جایگزینی برای مشتری وجود داشته باشد.ابزاری که در رسیدن به این سه ویژگی به شما کمک می‌کند، همان جزئیات این صفحه هستند. جزئیاتی که یا بخش خلاقانه کار را بر عهده دارند، یا به لحاظ فناوری اطلاعات باید در نظر گرفته شوند و یا همسو با سیاست‌گذاری‌های مدیریتی طراحی شده‌اند. بنابراین دغدغه‌هایی که باید در صفحه جزئیات محصول برآورده شود، شامل خلاقیت، فنی و مدیریتی می‌شود.بهترین راه برای طراحی یک صفحه جزئیات محصول کامل و بی‌نقص، پیروی از چک لیست محتویات این صفحه است. چک لیستی که شامل شانزده مورد زیر می‌شود.خلاقیت۱. نام محصولمهم‌ترین المانی که باید در طراحی نام محصول لحاظ شود، توصیف است. نامی که بتواند به طور کامل محصول را توصیف کرده و به مخاطب بفهماند دقیقاً با چه محصولی مواجه است، هم به لحاظ جذب مشتری هدف و هم از نظر موتورهای جستجوی گوگل عالی عمل می‌کند. نام‌های بلند معمولاً نتایج بهتری از خود نشان می‌دهند.۲. توصیف محصول یا بخش توضیحاتاین بخش باید توسط کسی نوشته شود که علاوه بر شناخت کامل خود نسبت به محصول، مشتری بالقوه آن را نیز بشناسد و نسبت به خواسته‌ها، نیازها و ترجیحاتش درک‌ کاملی داشته باشد. نویسنده توضیحات محصول همچنین باید سؤالاتی که ممکن است برای مخاطب مطرح شود را پیش‌بینی کرده و برای همه آنها پاسخی در این بخش ارائه دهد.۳. اقدام به خریداگر در بخش های قبل به مخاطب بفهمانید با خرید این محصول چه مزایایی نصیبش می‌شود و سؤالاتش را پاسخ بگویید، نوبت به هدایت آن به بخش «افزودن به سبد خرید» می‌رسد. اینجاست که مشتری بالقوه نسبت به خرید این محصول اطمینان کسب کرده است و چنانچه یک راه ساده و بی‌دردسر برای این کار پیدا کند، قطعاً آن را انجام می‌دهد. پس بنابراین اهمیت زیادی دارد که این مرحله از فرآیند خرید، کوچکترین زحمتی برای مشتری بالقوه نداشته و به نوعی او را با سهولت تمام در این مسیر هدایت کند.۴. تصویر محصولبه مخاطب نشان دهید که با خرید این محصول دقیقاً چه چیزی نصیبش می‌شود. اینجاست که نویسنده و طراح باید دست به دست هم بدهند تا مخاطب را نسبت به خرید محصول مطمئن کنند.تصویری که از محصول ارائه می‌شود باید نهایت کیفیت را داشته باشد. این تصویر باید دارای جذابیت‌های بصری فوق‌العاده بوده و قلب مشتری را برای داشتن محصول مورد نظر به تپش بیندازد. به علاوه عناوین نیز می‌توانند به تأثیرگذاری تصاویر کمک کنند.۵. ویدئوی محصولشواهد ناشی از آن است که ویدئوها به سمت قرار گرفتن در صدر محتواها به لحاظ جذب مخاطب می‌روند. ویدئوی محصول پتانسیل این را دارد که تا هشتاد و پنج درصد تغییر ایجاد کند. این ویدئو می‌تواند پیچیدگی استفاده از یک کالای خاص را برای مخاطب ساده‌سازی کند و قابلیت‌های محصول را به طور واضح به او نشان دهد.در ویدئوی هر محصول سه مورد باید لحاظ شود؛ بی اهمیت جلوه دادن نقاط ضعف محصول، برجسته کردن نقاط قوت آن و البته پاسخ به تمام سؤالات احتمالی که ممکن است برای مخاطب پیش بیاید.فنی۶. اعتبار اجتماعیمردم بیشتر از اینکه به تبلیغ کنندگان اعتماد داشته باشند، همنوعان خود را قبول دارند. به همین جهت، تعداد بازدیدها، نظرات و توصیه سلبریتی‌ها نسبت به خرید محصول مورد نظر و بازخورد آن در شبکه‌های اجتماعی قدرت زیادی در این زمینه دارد.هر فروشگاه آنلاینی باید راهی برای به اثبات رساندن اعتبار خود داشته باشد. نحوه ارائه و محتوایی که به خورد مخاطب داده می‌شود باید به طور خلاقانه این اعتبار را به رخ بکشد.برای مثال Kopari Cosmetics آمار دقیقی از میزان فروش و بازدیدها به مخاطب ارائه داده و از این طریق او را تشویق به خرید می‌کند.۷. پیشنهادات و مقایسه محصولشما باید در صفحه جزئیات محصول پیشنهاداتی را در دسترس داشته باشید، که از اینکه مخاطب بخواهد به صفحه دیگری برود جلوگیری کند. همچنین مقایسه محصولات و نشان دادن ویژگی‌های و قابلیت‌های محصولات مختلف، مشتری را نسبت به انتخاب یکی از پیشنهادات ترغیب می‌کند.برای مثال GoPro چارتی از انواع مختلف هر محصول ارائه داده و از این طریق مشتری بالقوه را به هر قیمتی به مشتری بالفعل تبدیل می‌کند.۸. بخش اضافه کردن به مورد علاقه‌هااگر مشتری محصول مورد نظر را بپسندد ولی به هر دلیلی نتواند و یا نخواهد در این زمان خاص آن را خریداری کند، باید جایی برای ذخیره کردنش داشته باشد. این بخش هم برای مخاطب و هم برای صاحب کسب و کار کارایی دارد.مخاطب می‌تواند فهرست مورد علاقه‌های خود را آماده داشته باشد و در وقت مناسب اقدام به خرید کند. شما نیز به عنوان صاحب کسب و کار می‌توانید علایق و نیارهای مشتری‌هایتان را بهتر بشناسید.برای مثال Williams Sonoma یک آیکون کوچک طراحی کرده که با کلیک کردن بر روی آن، محصول به فهرست علاقمندی‌ها اضافه می‌شود. در این فروشگاه نیازی نیست مخاطب اکانت داشته باشد و خیلی فوری فهرست علاقمندی‌ها برایش تهیه می‌شود.۹. خدمات مشتریهمانطور که خرید از یک فروشگاه فیزیکی بدون اینکه شخصی مسئول کمک کردن به شما وجود داشته باشد کلافه کننده است، صفحه فروش آنلاین بدون خدمات مشتری نیز خوشایند نیست. به همین منظور باید در صفحه جزئیات محصول اطلاعات تماس تلفنی، ایمیل و ارسال پیامک در دسترس مخاطب قرار بگیرد.این موضوع کمک می‌کند که مشتری‌ها به خواسته خود برسند، سؤالاتشان پاسخ گفته شود و احساس کنند در مسیر خرید و استفاده از محصول تنها نیستند. البته مهم تر از همه احساس مهم بودن است، که از طریق خدمات مشتری به مخاطب القاء می‌شود.برای مثال Chatbots بدون اینکه هزینه‌ای برای استخدام یک تیم پشتیبانی بپردازد، بخش خدمات مشتری را ارائه می‌دهد.۱۰. سایر تصاویرتصویر اول و اصلی یک محصول مانند یک قهرمان عمل می‌کند. البته در صورتیکه قابلیت‌های به دست آوردن قلب مشتری را داشته باشد! اما تصاویر دوم، سوم و چندم محصول نیز، نقش مهمی در تشویق به خرید دارد. تصاویری که جنبه‌ها و زوایای تازه‌ای از محصول رو می‌کنند. تصاویری که ممکن است تنوع رنگی محصول را به مخاطب نشان دهند.این موضوع آنقدر مهم است که خیلی از کمپانی‌ها عکاسی حرفه‌ای برای تصویربرداری از محصولاتشان استخدام می‌کنند.۱۱. مجموعه محصولیک استراتژی افزایش فروش، فروش جانبی است. در واقع بازاریاب‌ها آیتم‌ها را انتخاب می‌کنند و توسعه دهنده‌گان آن را عملی می‌کنند. از آنجاییکه مرز بین فروش، بازاریابی و بخش فنی بسیار باریک است، همکاری بین این تیم‌ها اهمیت زیادی دارد.۱۲. دیگر آیکون‌ها و آپشن‌هااز آیکون‌ها و آیتم‌های مهمی که باید در این صفحه وجود داشته باشد، می‌توان به موارد زیر اشاره کرد:آیکون «اضافه کردن به سبد خرید»نمودارهایی که میزان فروش و رضایت از خرید محصول را به سادگی به مخاطب نشان می‌دهدگزینه‌هایی برای تغییر زبان و یا تغییر واحد پولگزینه امکان سفارش از طریق تماس تلفنیآیکون به اشتراک گذاری اجتماعیتعداد موجودی از کالا و به طور کل موجود بودن یا نبودن کالامسیر راهنمای مشتریآدرس فروشگاه فیزیکی در صورت وجود برای کسانی که اطلاعات محصول را به صورت آنلاین به دست می‌آوردند و خود محصول را آفلاین خریداری می‌کنند.مدیریتی۱۳. امکان مرجوع دادن کالاکالای با کیفیت بسازید، این بخش هیچگونه ضرر مالی را متوجه شما نمی‌کند. اگر خدمات کالاهای مرجوعی شما قوی است، حتماً آن را به‌ مخاطب گوشزد کنید.۱۴. گارانتی و ضمانتمشتری‌ها دوست دارند یک خرید امن و رضایت‌بخش داشته باشند. داشتن گارانتی و ضمانت قابل قبول برای محصول به مشتری اطمینان می‌دهد که کار درستی انجام می‌دهد و او را به سمت نهایی کردن خرید سوق می‌دهد. این بخش به مشتری می‌فهماند که حتی اگر اقدام به خرید این محصول اشتباه است، راهی برای جبران کردنش وجود دارد.۱۵. جزئیات تحویلتحویل فوری و رایگان یک دلیل مهم به مخاطب می‌دهد، که محصول را خریداری کند. البته بهتر است قبل ار اضافه کردن این آپشن به صفحه جزئیات محصول، برآورد مالی این اقدام را به درستی ارزیابی کنید.۱۶. قیمتهیچ صفحه جزئیات محصولی بدون وجود اطلاعات قیمت، اعتبار ندارد. این بخش می‌تواند با انواع تخفیفات و بن‌ها ابزاری برای بازاریابی محصول محسوب شود.برای مثال B&H Photo به خوبی به مشتری می‌فهماند که با خرید این محصول تا چه اندازه در هزینه‌ها صرفه‌جویی می‌کند.