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

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

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

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

صفحه منبع چیست؟

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

(شما ممکن است این صفحه را به عنوان یک صفحه “ابزارهای توصیه شده”، یک صفحه پیوندهای وابسته یا حتی یک “جعبه ابزار” نام تجاری بشناسید.)

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

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

سه راه برای نزدیک شدن به یک صفحه منبع وجود دارد:

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

چرا باید یک صفحه منبع ایجاد کنید

اولین و مهمترین دلیل برای ایجاد یک صفحه منبع این است مفید بودن عامل.

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

دلیل دوم برای ایجاد یک صفحه منبع این است که درگیر برنامه های وابسته هستید و می خواهید درآمد خود را به حداکثر برسانید.

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

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

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

نحوه ایجاد یک صفحه منبع با ارزش

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

1. پیوندهایی را به مورد اعتمادترین منابع خود برای جایگاه خود جمع آوری کنید

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

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

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

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

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

فقط هیچ منبعی را درج نکنید. به این فکر کنید که چه چیزی برای مخاطبان شما مفیدتر است.

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

2. از جمله پیوندهای وابسته؟ یک افشاگری اضافه کنید

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

این فقط یک تمرین خوب برای اخلاق و شفافیت نیست – بلکه یک عمل نیز هست نیاز از ایالات متحده کمیسیون تجارت فدرال (FTC).

FTC پیوند دادن به سایت های وابسته را در نظر می گیرد بدون افشای تبلیغات فریبنده

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

3. هر منبع و چرایی آن را توضیح دهید

اکنون می توانیم صفحه منبع شما را با محتوای مفید تقویت کنیم.

چه چیزی صفحه شما را فراتر از خود پیوندها مفید می کند؟

توضیحات مفید توضیح می دهد که چرا شما هر محصول، خدمات، ابزار و غیره را توصیه می کنید و چرا آنها ارزشمند هستند.

در اینجا یک فرمول خوب برای توصیف منابع موجود در صفحه شما وجود دارد:

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

توضیحات شما هم لازم نیست طولانی باشد. می توانید هر یک از نکات بالا را در یک یا دو جمله خلاصه کنید. در اینجا یک مثال از Smart Passive Incom آورده شده است:

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

از طرف دیگر، اگر آنها فقط لیستی از پیوندها را ارائه می کردند، ارزش هیچ یک از آنها را نمی فهمید.

4. صفحه منابع خود را سازماندهی و بهینه کنید

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

به ویژه، منابع خود را به دسته ها سازماندهی کنید و به هر کدام یک عنوان (H2 یا H3) اضافه کنید.

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

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

گزینه دیگر: اگر مرتباً درباره منابع صنعتی بزرگ وبلاگ می‌نویسید، آنها را در یک صفحه منبع جمع‌آوری کنید، مانند آموزش کدنویسی با من:

5. به محتوای مرتبط در سایت خود پیوند دهید

بله، شما می توانید محتوای خود را در صفحه منبع خود قرار دهید، اما مراقب باشید – اضافه کردن بیش از حد محتوای شما می تواند کمی بیش از حد خود تبلیغاتی به نظر برسد.

در عوض، به دنبال راه هایی برای ذکر یا پیوند دادن به محتوای خود به صورت ارگانیک باشید.

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

با این حال، این ذکر آشکارا فروشندگی نیست و در کنار سایر توصیه های آنها کمتر به نظر می رسد.

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

این پیوندها را در توضیحات مربوط به هر دسته اضافه کنید، مانند “می خواهید درباره انتخاب یک شرکت مسافرتی بیشتر بدانید؟ راهنمای ما را بررسی کنید.”

6. صفحه منابع خود را به طور منظم به روز کنید

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

به عنوان مثال، این می تواند وظیفه ای باشد که شما به عنوان بخشی از وب سایت معمولی یا ممیزی محتوای خود تعیین می کنید.

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

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

7. در محتوای دیگر خود به صفحه منبع خود پیوند دهید

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

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

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

البته یک مکان عالی دیگر برای قرار دادن پیوند به این محتوا درست در منوی اصلی شما است. Learn to Code With Me این کار را به خوبی انجام می دهد – مرکز منابع آن در منوی بالایی تحت عنوان “Where to Learn” قرار دارد.

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

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

صفحه منبع محتوای مفیدی است

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

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

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

• با در نظر گرفتن یک مخاطب خاص ایجاد شده است.
• دارای نشانگرهای اعتماد و اعتبار
• شامل تخصص خالق(های) است.
• نیازهای مخاطب را برآورده می کند.

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

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

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

بنابراین به نظر می رسید گوگل سیگنال های تجربه صفحه را به عنوان یک سیستم رتبه بندی کلی کم اهمیت جلوه داده است.

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

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

سالیوان گفت: «همانطور که راهنمای ما در مورد تجربه صفحه در جمله اول می‌گوید: سیستم‌های رتبه‌بندی اصلی Google به دنبال پاداش دادن به محتوایی هستند که تجربه صفحه خوبی را ارائه می‌دهند.

سیگنال نه سیستم بنابراین گوگل گفت که به‌روزرسانی/سیستم تجربه صفحه هرگز یک «سیستم» نبوده، اما همچنان به عنوان یک سیگنال رتبه‌بندی در نظر گرفته می‌شود. سالیوان گفت: «حذف آنها به این معنی نیست که ما دیگر جنبه‌های تجربه صفحه را در نظر نمی‌گیریم.

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

همانطور که گفته شد، این ممکن است برخی سردرگمی ها را در این موضوع روشن کند، یا ممکن است سردرگمی بیشتری ایجاد کند.

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

در مورد اطمینان از اینکه در تمام معیارهای Core Web Vital امتیاز 100 کسب می کنید وسواس نداشته باشید. Core Web Vitals یک سیگنال رتبه بندی بزرگ نیست. شما بهتر می دانید که آیا سایت شما تجربه صفحه خوبی را ارائه می دهد تا یک ابزار شخص ثالث از Google.

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

• زمان را از دست می دهیم.
  وقتی باید نگران عوارض جانبی باشیم، تغییرات بیشتر طول می کشد.
• ما باگ ایجاد می کنیم.
  نمونه مورد علاقه من یک فروشگاه آنلاین است که در آن دکمه های “خرید” به دلیل استفاده نادرست از واحدهای دید پنهان شده بودند.
• ما ویژگی های کمتری می سازیم.
  وقتی تغییرات ترسناک و وقت گیر هستند، اغلب اتفاق نمی افتد.

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

جلوگیری از عوارض جانبی ناخواسته

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

بیایید به عنوان مثال به این نماد فلش در یک دایره نگاه کنیم:

خوب به نظر می رسد، اما بیایید بگوییم که ما یک نماد فلش باریک تر می خواهیم:

حالا دایره حاوی له شده است! این نمونه ای از عوارض جانبی ناخواسته است. استفاده از یک فلش باریکتر شکل دایره را خراب می کند.

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

در حالت ایده آل، نماد داخلی نباید شکل دایره حاوی را تغییر دهد. در اینجا یک نسخه نمایشی از نحوه تعمیر نماد له شده آورده شده است:

دو پیشرفت در این مثال وجود دارد:

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

بهبودهای این مثال ممکن است برای هر موردی خوب نباشد. برای مثال، اگر به تغییر شکل و اندازه ظرف با نماد داخلی نیاز دارید، ممکن است نسخه «قبل از» کد برای شما مناسب‌تر باشد.

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

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

نوشتن کد راحت

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

ما می توانیم CSS بنویسیم که کنترل آن به همین راحتی باشد. برای انجام این کار، بیایید به نحوه جلوگیری از دو مشکلی که ممکن است در هنگام نوشتن یک تابع جاوا اسکریپت با آن مواجه شویم، نگاه کنیم:

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

پارامترهای خیلی زیاد

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

در اینجا یک عملکرد راحت وجود دارد که استفاده از آن آسان است:

switchLightbulb(ON);

آن را با این عملکرد پیچیده و دردناک مقایسه کنید:

switchLightbulb(getConnectedWires, isCompleteCircuit, setUpBattery, batteryStatus, isUsingWallOutlet, hasPowerOutage, isElectricityBillPaid, etc);

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

ایده مشابهی برای CSS اعمال می شود. فرض کنید کارتی با تصویر، متن عنوان، متن اصلی و یک دکمه داریم. ما می خواهیم به راحتی عرض کارت را تغییر دهیم.

استفاده و درک این تک لاینر آسان است:

.card {
  max-width: 300px;
}

یک روش کمتر راحت، تعریف صریح آن است max-width از هر .card جزء:

.card-image {
  max-width: 300px;
}
.card-title-text {
  max-width: 300px;
}
.card-body-text {
  max-width: 300px;
}
.card-button {
  max-width: 300px;
}

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

پارامترهای خیلی کم

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

تابع ما می تواند به شکل زیر باشد:

setCarState({ speed: 60, turnAngleDegrees: 2 });

می‌توانیم مختصرتر باشیم و پارامترها را ترکیب کنیم:

setCarState({ speedAndTurnAngle: 60 });

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

در CSS موارد مشابهی وجود دارد که می خواهیم یک پارامتر را بدون تأثیرگذاری بر دیگری کنترل کنیم. به عنوان مثال، شاید ما یک جزء کارت دیگری داریم، این بار با یک عکس، نام، بیوگرافی کوتاه و دکمه «بیشتر بخوانید» و می‌خواهیم عرض کارت را بدون تأثیر بر ابعاد عکس تغییر دهیم.

متاسفانه، max-width رویکردی که قبلاً در ظرف کارت استفاده کردیم، پارامترهای بسیار کمی را برای نیازهای ما فراهم می کند:

.card {
  max-width: 300px;
}

همانطور که قبلاً اشاره کردیم، عناصر فرزند کارت با عرض ظرف کارت تا حداکثر سازگار می شوند 300px. این شامل تصویر است که با کوچک شدن عرض ظرف در زیر کوچک می شود 300px.

آنچه ما نیاز داریم یک پارامتر دیگر برای عکس است:

.card {
  max-width: 300px;
}
.photo {
  width: max(150px, 50%);
}

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

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

نوشتن سبک های انعطاف پذیر

هنگام نوشتن یک تابع، مفید است که بپرسید، با تغییر ورودی چه اتفاقی برای خروجی می افتد؟

ما می توانیم تغییراتی از همان سوال را در CSS بپرسیم، مانند:

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

فرض کنید یک طرح داریم با سه کارت که به صورت افقی در یک ظرف چیده شده اند.

مجموعه های CSS max-width: 900px بر روی ظرف، و هر کارت می شود اتاق تنفس کمی با padding: 5vw. این ممکن است در ظاهر خوب به نظر برسد، اما یک مشکل وجود دارد: ظرف دارای یک حاشیه بالایی است در حالی که لایه آن ندارد. با بزرگتر شدن صفحه، محتوا خرد می شود.

راه حل های ممکن عبارتند از:

• استفاده از نما یا نقاط شکست کانتینر برای تحت کنترل نگه داشتن بالشتک،
• با استفاده از CSS min() تابعی برای تنظیم یک کران بالای روی بالشتک، یا
• استفاده از واحدهای ثابت مانند پیکسل ها که به طور نامحدود با پنجره رشد نمی کنند.

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

احمد شادید نام بسیار خوبی برای این تکنیک دارد: CSS دفاعی. ایده این است که ما می‌توانیم سبک‌های «مقاوم در آینده» را با در نظر گرفتن آن‌ها به‌عنوان ورودی‌هایی که یک UI را خروجی می‌دهند و پیش‌بینی موقعیت‌هایی که قابلیت استفاده خروجی را کاهش می‌دهند، در نظر بگیریم.

نتیجه

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

خوشبختانه، همان ایده هایی که به ما در نوشتن توابع خوب کمک می کنند می توانند به ما در نوشتن CSS خوب کمک کنند، یعنی:

• از عوارض جانبی ناخواسته خودداری کنید.
• از پارامترهای مناسب استفاده کنید.
• در نظر بگیرید که چگونه ورودی ها خروجی ها را تغییر می دهند.

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

مطالعه بیشتر در SmashingMag

(gg, yk, il)

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

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

چگونه شروع می کنید؟ برای یافتن نکات برتر در مورد اولویت بندی کلمات کلیدی SEO برای ایجاد محتوا، ادامه مطلب را بخوانید.

به اهداف تجاری و بازاریابی فکر کنید

اگر محتوای سئو تولید می کنید، باید هدفی در ذهن داشته باشید.

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

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

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

با در نظر گرفتن موارد زیر می توانید خوشه های ضروری خود را اولویت بندی کنید:

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

یافتن کلمات کلیدی برای اولویت بندی

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

کنسول جستجوی گوگل

اگر سایتی با بازدیدکنندگان ارگانیک دارید، پس کنسول جستجوی گوگل (GSC) می تواند مکانی عالی برای شروع باشد. GSC هر کلمه کلیدی را که سایت شما برای آن رتبه بندی می کند به شما می گوید.

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

به کلمات کلیدی نگاه کنید و به آنهایی که در موقعیت های شش تا بیست هستند توجه کنید.

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

در تئوری، بالا بردن این کلمات کلیدی در رتبه ها آسان تر خواهد بود.

تحلیل رقبا

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

دو مزیت عمده برای تحقیق در مورد کلمات کلیدی رقبا وجود دارد:

• شما در نهایت در SERP هایی که در آن قرار دارند ظاهر می شوید تا بتوانید بخشی از آن ترافیک را دریافت کنید.
• می توانید EEAT را به گوگل نشان دهید. اگر همان کلمات کلیدی (و به طور خاص، محتوا) را پوشش دهید که رقبای شما هستند، به گوگل ثابت می کنید که سایت شما حداقل به اندازه سایت آنها ارزشمند است.

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

تحقیق در مورد مشتری

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

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

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

نکاتی برای اولویت بندی کلمات کلیدی سئو

تبلیغات پولی

داده های تبلیغات مجموعه ای از اطلاعات برای سئو هستند. اگر یک وب سایت تبلیغاتی را اجرا می کند، دریافت لیستی از کلمات کلیدی تبدیل شده ضروری است. اگر یک کلمه کلیدی برای تبلیغات تبدیل می شود، احتمالاً با SEO نیز تبدیل می شود.

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

همچنین می‌توانید کلمات کلیدی را با آگهی‌ها آزمایش کنید تا نرخ تبدیل آنها را آزمایش کنید.

Google Keyword Planner

اگر قبلاً تبلیغاتی را اجرا نمی کنید، Google Keyword Planner – یک ابزار تبلیغاتی – هنوز هم می تواند از شما پشتیبانی کند (و رایگان است).

اسکرین شات از Google Keyword Planner برای نشان دادن اینکه چگونه رقابت و هزینه هر کلیک می تواند بر اولویت بندی کلمات کلیدی تاثیر بگذارد.

Google Keyword Planner داده های جالبی را ارائه می دهد:

• کلمه کلیدی با میانگین جستجوهای ماهانه آن (جستجوهای دقیق اگر تبلیغات دارید).
• رقابت به این معناست که مشاهده تبلیغات برای این کلمه کلیدی چقدر دشوار است.
• محدوده پیشنهادی به این معنی است که مردم چقدر برای کلمه کلیدی پرداخت می کنند.

بنابراین، این برای سئو چه معنایی دارد؟

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

یک رقیب بالا نشانگر این است که یک کلمه کلیدی در حال ایجاد ROI است.

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

کلمات کلیدی تبدیل و صفحات پول را اولویت بندی کنید

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

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

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

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

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

سئو همچنین می‌تواند ترافیک پایین قیف (BoFu) – با نام ترافیک تبدیل – به ارمغان بیاورد اگر آن صفحات پولی به اندازه کافی در صفحه اول رتبه بالایی داشته باشند.

کاربران BoFu آماده خرید هستند. اگر می دانید کدام صفحات در حال تبدیل هستند، می توانید برای ایجاد یک استراتژی محتوای SEO که به رتبه بندی این صفحات کمک می کند، کار کنید.

حجم جستجو

به طور کلی، کلمات کلیدی شما با حجم جستجوی بالا، کلمات کلیدی ToFu/awareness شما خواهند بود و کلمات کلیدی BoFu شما حجم جستجوی کمتری خواهند داشت.

از آنجایی که کلمات کلیدی BoFu تبدیل می شوند، احتمالاً آنها را در حساب های تبلیغاتی خود خواهید یافت.

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

کلیدواژه‌هایی که انتخاب می‌کنید باید کمتر متمرکز بر حجم و بیشتر متمرکز بر تبدیل باشند.

از خود بپرسید که محتوای SEO شما چگونه به رتبه های BoFu کمک می کند.

دشواری کلمه کلیدی

ارزش در نظر گرفتن دشواری کلمه کلیدی را دارد. مانند معیار رقابت در Google Keyword Planner، دشواری کلمه کلیدی نشان می دهد که رتبه بندی برای یک کلمه کلیدی خاص چقدر آسان یا دشوار است.

سایت های جدید ممکن است برای رتبه بندی کلمات کلیدی اولیه راه طولانی در پیش داشته باشند. در این مثال، کلیدواژه های طولانی تر را اولویت بندی کنید.

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

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

خوب انجامش بده یا اصلا انجامش نده

هنگام ایجاد محتوایی که در رتبه بندی SERP قرار می گیرد، نمی توانید گوشه ها را کاهش دهید.

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

شما باید محتوایی ایجاد کنید که بسیار ارزشمند و واقعا مفید باشد.

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

اندازه گیری و بهبود برای موفقیت سئو

همانطور که استراتژی سئو و محتوای خود را ایجاد می کنید، متوجه خواهید شد که فرصت های جدید ظاهر می شوند و در اولویت قرار می گیرند.

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

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

هنگامی که رتبه بندی خوشه ای را انتخاب کردید و درآمد کسب کردید، می توانید ادامه دهید و این روند را برای خوشه دوم تکرار کنید.

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

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

ممکن است به مقالات زیر نیز علاقه مند باشید.

فونت های رایگان تازه (21 فونت)

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

لیست فونت های رایگان تازه:

فونت Agenor New

فونت را دانلود کنید

قلم اولدتایمر

فونت را دانلود کنید

فونت میگا

فونت را دانلود کنید

قلم Bombe CAT

فونت را دانلود کنید

فونت ظهر هکر

فونت را دانلود کنید

فونت باحال صفر

فونت را دانلود کنید

قلم شهر نوولا

فونت را دانلود کنید

قلم اسکریپت پررنگ Bhineka

فونت را دانلود کنید

فونت قهوه کیک

فونت را دانلود کنید

فونت Super Bubble

فونت را دانلود کنید

بهترین فونت اسکریپت قندی پررنگ

فونت را دانلود کنید

قلم اسکریپت Handlettered Sristian

فونت را دانلود کنید

فونت راه پله

فونت را دانلود کنید

فونت Zector

فونت را دانلود کنید

فونت شارپ قرون وسطایی

فونت را دانلود کنید

قلم کودک مداد

فونت را دانلود کنید

فونت مربع نوا

فونت را دانلود کنید

فونت گوتیک

فونت را دانلود کنید

قلم باستانی مربع

فونت را دانلود کنید

فونت گوتیک رونالدسون

فونت را دانلود کنید

فونت مدرن Antiqua

فونت را دانلود کنید

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

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

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

آنچه شما باید انجام دهید

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

برای کسب صلاحیت ها و آموزش های لازم تلاش کنید

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

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

جزئیات خود را در سایت های شغلی مربوطه ثبت کنید

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

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

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

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

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

Rage Taps، معیاری برای ناامیدی کاربر، توسط Colin Contreary Rage Taps معیار خوبی برای ناامیدی کاربر است. منبع تصویر

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

شما می توانید یک فصل کامل ویدیویی در مورد طراحی برای لمس در آن پیدا کنید الگوهای طراحی رابط هوشمند همچنین – به همراه 30 فصل دیگر در مورد UX و الگوهای طراحی.

چت شیت اندازه های هدف

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

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

مطابق تحقیقات استیون هوبر در کتاب طراحی لمسی برای رابط‌های موبایل، برای به حداقل رساندن ضربه‌های خشم باید 11 میلی‌متر (یا 31 نقطه / 42 پیکسل) در بالای صفحه و 12 میلی‌متر (یا 34 نقطه / 46 پیکسل) در پایین صفحه را هدف قرار دهیم. صفحه نمایش با این حال، در مرکز، ما به طور بالقوه می‌توانیم تا 7 میلی‌متر (یا 20 نقطه / 27 پیکسل) کم کنیم. این شامل هم عرض و هم بالشتک یک عنصر تعاملی است.

چگونه واحدهای نقطه ای به پیکسل های CSS یا واحدهای Android/iOS ترجمه می شوند? خوشبختانه، استیون هوبر ارائه می دهد جدول تبدیل مفید برای کمک به شما در ترجمه از نقاط به واحدهای px و em، Android SP یا DPs، نقاط iOS و DIP یا px ویندوز.

همه پیکسل ها یکسان نیستند

همانطور که در بالا دیدیم، اندازه های هدف بسته به مکان ظاهر شدن اجزا در صفحه تغییر می کند. شایان ذکر است که با توجه به الزامات سطح WCAG 2.1 AAA، همه اهداف باید اندازه گیری شود حداقل 44 در 44 پیکسل، مگر اینکه هدف در یک جمله یا بلوک متن باشد. برای چنین استثناهایی، می‌توانیم از 27 پیکسل به عنوان هدف استفاده کنیم، اما به طور کلی، هر چه بزرگتر باشد، بهتر است.

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

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

برای جداول داده، دکمه «اقدامات» را به نمادهای منفرد ترجیح دهید

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

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

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

یک دستیار برای دستکاری های پیچیده فراهم کنید

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

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

وقتی چند ضربه زدن بهتر از یک ضربه است

اما اگر برخی از نواحی شیر باید کوچک باشند، چه کنیم؟ شاید ما نمی توان 27×27 پیکسل برای هر نماد رزرو کرد – به عنوان مثال، هنگامی که ما انتخاب رنگ را در یک سایت تجارت الکترونیک پیشنهاد می کنیم؟ خوب، در آن صورت یکی از گزینه‌هایی که باید در نظر بگیرید این است که با یک ضربه اضافی، یک انتخاب «مناسب» از رنگ‌ها را انتخاب کنید. این ممکن است در تعامل کمی کندتر باشد، اما بسیار دقیق تر است.

همیشه منطقه قابل کلیک را به حداکثر برسانید

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

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

بسته بندی

هنگام طراحی برای لمس امروز، باید از آن استفاده کنیم حداقل 27×27 پیکسل برای پیوندهای کوچک یا نمادها در قسمت محتوا و حداقل 44×44 پیکسل برای نمادهای بالا و پایین صفحه.

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

شما می توانید جزئیات بیشتری را در ناوبری UX در کتابخانه ویدیویی در مورد الگوهای طراحی رابط هوشمند 🍣 — با آموزش زنده UX که در سپتامبر امسال برگزار می شود.

منابع مفید

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

(il)

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

آیا چت ربات‌های هوش مصنوعی با مدل‌های زبان بزرگ (LLM) مانند ChatGPT و Bard در نهایت جایگزین جستجوی «سنتی» آن‌طور که ما می‌دانیم خواهند شد؟

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

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

این مقاله حوزه‌های کلیدی را پوشش می‌دهد که موتورهای جستجوی سنتی و چت‌ربات‌های هوش مصنوعی مانند ChatGPT دست بالا را دارند.

مزایای جستجوی سنتی

موتورهای جستجو کجا برتری دارند؟ چهار حوزه به سختی از ذهن مصرف کنندگان تکان خواهد خورد.

آمار و ارقام (تولد، سن و مسائل ریاضی)

وقتی در گوگل جستجو می کنید، نه تنها درخواست کامل را پیشنهاد و پیش بینی می کند.

در بیشتر موارد بدون زدن enter نیز پاسخ را ارائه می دهد.

این در مورد پرس و جوهایی که پاسخ به طور خاص یک نتیجه عددی است اعمال می شود.

ادغام ها

اگر چیزی بصری می خواهید، جستجوی سنتی راه حلی است.

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

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

برای مثال، می‌توانید به سادگی به Maps بگویید که از «خانه» به یک مکان خاص مانند Progressive Field حرکت کند.

یوتیوب یکی دیگر از ابزارهای قدرتمند است، به ویژه برای جستجوهای «چگونه». Google می‌تواند به سرعت ویدیوهای مرتبط یوتیوب را جمع‌آوری کند و کاربران را مستقیماً به بخشی از ویدیو ببرد که به درخواست آنها پاسخ می‌دهد.

تصاویر

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

همانطور که ربات‌های چت هوش مصنوعی تکامل می‌یابند، توانایی ادغام با اجزای متعدد و جذب تصاویر بیشتری را برای درک آنها خواهند داشت.

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

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

نظر و تفاوت ظریف

داشتن توانایی انتخاب منبع برای دریافت پاسخ یا نظر شما مهم است.

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

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

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

مزایای ChatGPT

در اینجا چهار زمینه وجود دارد که چت ربات های هوش مصنوعی مانند ChatGPT می درخشند.

تولید محتوا

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

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

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

خلاقیت

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

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

“چگونه” وظایف و دستور العمل ها

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

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

نمونه موردی: وب سایت های دستور غذا.

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

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

پشتیبانی (کد نویسی و حل مشکل)

“همه می توانند 10 برابر مهندس شوند.”

از زمانی که ChatGPT منتشر شد، من این جمله را بارها شنیده ام.

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

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

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

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

سوار شدن بر تاج تغییر در جستجو

ما شاهد روزهای اولیه یک تغییر قابل توجه در صنعت هستیم. از زمان ظهور رسانه های اجتماعی در دوران وب 2.0، زمان هیجان انگیزی برای بازاریابان دیجیتال است.

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

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

بند بزنید، به آزمایش ادامه دهید و از سواری لذت ببرید.

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

چرا مهم است؟

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

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

1. اصل شیک و راهنمای تصویر خود را بشناسید

شخصیت تصویری خود را مشخص کنید

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

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

صدای تصویر خود را تعیین کنید

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

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

2. یک محدوده متنوع برای آدرس دادن به تصویر خود ایجاد کنید

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

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

3. قوانین لوگوی Foster برای استفاده در تمام مراحل

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

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

4. قوانین تایپوگرافی را برای ارتباط شفاف ایجاد کنید

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

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

5. سبک تصویر و هنجارهای کیفیت را مشخص کنید

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

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

6. قوانین طرح چارچوب که انتخاب تجربه مشتری را راهنمایی می کند

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

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

7. راهنمای سبک خود را نهایی و منتشر کنید

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

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

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

نتیجه

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

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

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

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

موقعیت

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

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

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

در سپتامبر 2021، دو سایت خبری بسیار معتبر، فوربس و گاردین، داستان هایی را در مورد “سقوط شرکت” بر اساس این مستند منتشر کردند. ظهور و سقوط LuLaRoe، که در دسامبر منتشر شد. در حالی که این لزوماً شرکتی نیست که ما آن را به عنوان مشتری قبول کنیم، ما از آنها به عنوان مثال استفاده می کنیم زیرا استراتژی های ORM خاصی وجود دارد که می توانیم برای کمک به بهبود SERP برای نام تجاری آنها شناسایی کنیم.

تحقیق ما

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

به عنوان بخشی از فرآیند ما، مهم است که تحقیق و بررسی کنیم همه متغیرها قبل از کنار هم قرار دادن برنامه بهبود ما. همانطور که در بالا ذکر شد، ما با جمع آوری رتبه بندی نتایج جستجو و ارزیابی هر URL که در 30 موقعیت اول می بینیم شروع می کنیم. تیم ما همه عوامل و سیگنال‌هایی را که Google هنگام تعیین اینکه کدام URL را برای یک کلمه کلیدی رتبه‌بندی می‌کند، بررسی می‌کند. برخی از این عوامل عبارتند از ارتباط صفحه، خود کلمه کلیدی، داده های بک لینک، نرخ کلیک و تعامل اجتماعی. جمع آوری این داده ها را می توان با استفاده از ابزارهایی مانند MozBar یا Moz Keyword Explorer انجام داد. هنگامی که نقاط داده مهم را از هر پیوند در سه صفحه اول یا 30 موقعیت با استفاده از اسکرول بی‌نهایت برای کلمه کلیدی خود جمع‌آوری می‌کنیم، وقت آن است که رویکرد خود را جمع آوری کنیم.

به طور خاص برای مورد LuLaRoe، در اینجا برخی از داده هایی است که ما از SERP پیدا کردیم:

رویکرد ما

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

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

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

استراتژی های محتوای از قبل موجود

راه اندازی ساب دامنه در وب سایت مشتری

در برخی موارد، توصیه می‌کنیم ساب دامنه‌هایی را راه‌اندازی کنید که به طور خاص به بحث‌ها رسیدگی کنند. برای LuLaRoe، ما به آنها کمک می کنیم تا یک زیر دامنه در وب سایت خود ایجاد کنند.

شناسایی مقالات خبری

یکی از مزایایی که یک کسب و کار در کانون توجه قرار دارد این است که ممکن است در حال حاضر مطبوعات جریان اصلی زیادی داشته باشند. ما می‌توانیم هر مقاله مثبتی را از سایت‌های خبری با اعتبار دامنه بالا (DA) و سایر نشریات صنعتی برای تبلیغ شناسایی کنیم.

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

بررسی ویکی ها و سایر صفحات نمایه

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

در مورد LuLaRoe، ما همچنین توصیه می‌کنیم با افزودن ویدیوهای جدید با احساس «نور جدید» و غیرفعال کردن همه نظرات روی هر ویدیو، از حضور یوتیوب آن نهایت استفاده را ببرید. از آنجایی که می بینیم نمایه YouTube آنها در نتایج جستجوی صفحه دوم آنها رتبه بالایی دارد، این دامنه ای است که می تواند بالاتر از رتبه بندی داستان های منفی در صفحه یک باشد.

استراتژی های محتوای جدید

در سایت هایی که با آنها رابطه دارید (یا متعلق به آنها) پست کنید

این می تواند شریکی باشد که دامنه ای کاملاً متفاوت از شما دارد یا برند دیگری که در گذشته با آن کار کرده اید و رابطه خوبی با آن دارید. تماس با این افراد معتمد برای ایجاد مطبوعات مثبت جدید پیرامون موضوع می تواند به دریافت چیز جدیدی در SERP کمک کند.

استفاده از روابط موجود، یا ایجاد روابط جدید، استراتژی است که به طور بالقوه می تواند برای LuLaRoe کارساز باشد.

دایرکتوری مقالات تحقیق

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

با این حال، این استراتژی نیست که تفاوت زیادی برای برند بزرگی مانند LuLaRoe ایجاد کند، اما می‌توان از آن برای تمیزتر و جمع‌آوری شهرت کلی آنها استفاده کرد.

ایجاد وبلاگ های کوچک

ما توصیه می کنیم تعدادی وبلاگ کوچک در WordPress، Blogger، Posterous و Tumblr و همچنین چند سایت وردپرس MU راه اندازی کنید که با پتانسیل رتبه بالا شناسایی کرده ایم.

اما باز هم، این مینی وبلاگ ها ممکن است پتانسیل بالایی برای ایجاد تفاوت قابل توجه برای برند بزرگتری مانند LuLaRoe نداشته باشند.

مالکیت دامنه های دیگر را در اختیار بگیرید

ما توصیه می‌کنیم نسخه‌های .com، .net، و .org دامنه‌های منطبق دقیق را برای عبارت جستجو –از جمله brandnamecharity.com خریداری کنید. محتوای کلی که ما اضافه کردن به این صفحات را توصیه می‌کنیم شامل توصیه‌های مشتری، داستان‌های مثبت، اطلاعات کلی درباره شرکت، تضمین رضایت، پست‌هایی که اطلاعات نادرست را از بین می‌برند، و سایر داستان‌هایی است که یا اصلاً به موضوع مربوط نمی‌شوند یا جنبه‌های مثبتی را نشان می‌دهند. در مورد مشتری ما

همچنین، ایجاد نمایه‌های جدید در سایت‌هایی مانند Medium، یا انجام مصاحبه IdeaMensch، می‌تواند به محتوای کنترل‌شده مثبت کمک کند تا در نتایج شما رتبه بالایی داشته باشد.

استراتژی های تعامل

لینک بیلدینگ

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

به هم پیوستن

یکی دیگر از تاکتیک‌های مفید، بهره‌گیری از فرصت‌های پیوندی از وب‌سایت اصلی برند به آدرس‌های اینترنتی مثبتی است که می‌بینیم در 30 نتیجه اول برند رتبه‌بندی می‌شوند. این به Google کمک می‌کند که نشان دهد آنها مرتبط، مهم هستند و باید با نام تجاری مرتبط باشند.

تیم جستجوی نرخ کلیک (CTR).

هدف در اینجا ارسال کلیک به برخی از اهداف مثبت در SERP ها برای کمک به انتقال آنها به بالای منفی است. مانند سایر تاکتیک‌ها، این نیز در مورد ارسال سیگنال‌هایی به گوگل است که نشان می‌دهد هدف، محتوای ارزشمندی برای قرار دادن در صفحه اول SERP است. توصیه می‌کنیم کلیک‌های با ارزش، ایالات متحده یا محلی را به آدرس‌های اینترنتی هدفی که شناسایی می‌کنید ارسال کنید. برای LuLaRoe اینها شامل آدرس‌های اینترنتی Amazon Storefront، thredUP، Poshmark، LuLaRoe Bless، Twitter، YouTube، eBay و Pinterest است.

تحقیق در مورد رقبا

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

تعامل اینفلوئنسر

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

مطالعه موردی و پیگیری پیشرفت

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

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

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

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

نتیجه

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