انیمیشن های پیشرفته با استفاده از CSS – Smashing Magazine

خلاصه سریع ↬
امروز، شما یاد خواهید گرفت که چگونه یک مسیر ترن هوایی ایجاد کنید که توپ با استفاده از بزیرهای مکعبی و انتقال CSS دنبال می کند. شما همچنین خواهید آموخت که چگونه cubic-bezier تابع در CSS با جزئیات کار می کند و چگونه می توان چندین انیمیشن ساده را برای ایجاد یک انیمیشن پیچیده روی هم قرار داد.

توجه داشته باشید: این مقاله فرض می کند که شما دانش اولیه انیمیشن های CSS را دارید. اگر این کار را نمی کنید، لطفاً قبل از ادامه این مقاله، این راهنمای تام واترهاوس را بررسی کنید.

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

ابتدا بیایید به جادو و قدرت آن شیرجه بزنیم cubic-bezier عملکرد.

cubic-bezier: چیست و چگونه می توانیم از آن استفاده کنیم؟

در cubic-bezier تابع در CSS یک تابع آسان‌کننده است که به شما کنترل کاملی بر نحوه رفتار انیمیشن شما با توجه به زمان می‌دهد. در اینجا تعریف رسمی است:

«یک تابع آسان‌کننده مکعبی Bézier یک نوع است عملکرد تسهیل با چهار عدد واقعی تعریف می شود که دو نقطه کنترل P1 و P2 یک منحنی مکعبی بزیه را مشخص می کند که نقاط انتهایی P0 و P3 به ترتیب در (0، 0) و (1، 1) ثابت هستند. مختصات x P1 و P2 به محدوده محدود شده است [0, 1]”

– پیش نویس پیشنهادات نامزد W3C سطح 1 توابع تسهیل CSS، 1 آوریل 2021

اگر می‌خواهید درباره عملکردهای آسان‌سازی اطلاعات بیشتری کسب کنید، می‌توانید این مقاله توسط Adrian Bece را بررسی کنید. پشت صحنه چقدر خطی است، cubic-bezier و توابع راه پله کار می کنند.

(پیش نمایش بزرگ)

محور x (زمان) بین محدود شده است [0,1]. با این حال، محور y (خروجی) به محدوده خاصی محدود نمی شود.

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

منحنی سهمی

از تعریف منحنی سهموی، ممکن است متوجه شوید که ایجاد یک منحنی سهموی کامل غیرممکن به نظر می رسد زیرا P0 باید در (0، 0) و P3 باید در (1، 1) باشد در حالی که منحنی های سهمی در همان محور افقی شروع و پایان می یابند. ، بنابراین ما باید P3 در (1، 0) باشد.

(اعتبار تصویر: ) (پیش نمایش بزرگ)

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

ایجاد توپ

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

کد زیر را به فایل های HTML و CSS خود اضافه کنید:

<div class="ball"></div>
.ball {
  background-color: burlywood;
  height: 50px;
  width: 50px;
  border: 1px solid black;
  border-radius: 50px;
  position: fixed;
  left: 10px;
  top: 300px;
}

شما باید چیزی شبیه به این دریافت کنید:

(پیش نمایش بزرگ)
بیشتر بعد از پرش! ادامه مطلب زیر ↓

حرکت توپ در امتداد محور X

ما می خواهیم دو انیمیشن بسازیم، یکی در محور x و دیگری در محور y. انیمیشن محور x یک انیمیشن خطی است که توپ را از یک نقطه به نقطه دیگر حرکت می دهد.

  • یک فریم کلیدی اضافه کنید، آن را x می نامیم:
@keyframes x {
  to {
    left: 500px;
  }
}
  • فریم کلیدی را به ویژگی انیمیشن در کلاس توپ اضافه کنید:
.ball {
  background-color: burlywood;
  height: 50px;
  width: 50px;
  border: 1px solid black;
  border-radius: 50px;
  position: fixed;
  left: 10px;
  top: 300px;
  animation: x 2s linear forwards;
}

حالا توپ در امتداد محور x حرکت می کند!

قلم را ببینید [x-axis animation](https://codepen.io/smashingmag/pen/qBxawvO) توسط یسرا عماد.

قلم را ببینید انیمیشن محور x توسط یسرا عماد.

حرکت توپ در امتداد محور Y

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

توجه کنید که چگونه ما کاهش یافته مقدار ویژگی بالا؛ این باعث می شود انیمیشن ما در جهت عادی حرکت کند (پایین → بالا → پایین). اگر به جای آن مقدار ویژگی top را به 300.5 افزایش دهیم، انیمیشن را در جهت مخالف پخش می کند:

@keyframes y {
  to {
    top: 299.5px;
  }
}
  • فریم های کلیدی جدید را به همان انیمیشن در کلاس توپ اضافه کنید
animation: x 2s linear forwards, y 2s cubic-bezier(0, 500, 1, 500) forwards;

این انیمیشن حاصل می شود:

قلم را ببینید [y-axis animation](https://codepen.io/smashingmag/pen/mdXRzRW) توسط یسرا عماد.

قلم را ببینید انیمیشن محور y توسط یسرا عماد.

اما چرا ما این مقادیر مشخص تابع مکعب بیزیر را انتخاب کردیم؟ بیایید دریابیم!

🚨 هشدار: ریاضیات در پیش است! 🚨

ریاضیات پشت cubic-bezier عملکرد

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

$$P = (1-t)^3P_0 + 3(1-t)^2tP_1 +3(1-t)t^2P_2+t^3P_3$$

ما می خواهیم منحنی ما دقیقاً در 0.5 زمان به اوج برسد. برای انجام این کار، $P_1$ و $P_2$ باید به ترتیب در (0,x) و (1,x) باشند. اگر نمی‌خواهید پیک روی 0.5 باشد، باید موقعیت زمانی $P_0$ و $P_1$ را تغییر دهید. در حال حاضر، ما به ایجاد منحنی در نیمه زمان انیمیشن پایبند هستیم.

اکنون می دانیم که:

$$P_0 = (0.0)، P_1 = (0، X)، P_2 = (1،X)، P_3 = (1،1)$$

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

  1. محور x:

$$X

.ball {
  background-color: burlywood;
  height: 50px;
  width: 50px;
  border: 1px solid black;
  border-radius: 50px;
  position: fixed;
  left: 10px;
  top: 300px;
}

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

  1. قسمت کشویی
  2. قسمت حلقه
(پیش نمایش بزرگ)

قسمت کشویی

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

@keyframes x {
  to {
    left: 500px;
  }
}

به صورت زیر آن را به ویژگی انیمیشن خود در مسیر توپ اضافه کنید:

animation: x 4s linear forwards

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

@keyframes y {
  to {
    top: 299.5px;
  }
}

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

(پیش نمایش بزرگ)
  • حرکت آهسته به سمت راست به این معنی است که P1 در امتداد محور x قرار خواهد گرفت. بنابراین، ما می دانیم که در (V, 0) است
    • باید یک V مناسب انتخاب کنیم که باعث شود انیمیشن ما به آرامی به سمت راست برود اما نه خیلی زیاد که کل فضا را اشغال کند. در این مورد متوجه شدم که 0.55 بهترین تناسب را دارد
  • برای دستیابی به اثر لغزشی، باید P2 را به سمت پایین محور y حرکت دهیم (مقدار منفی) بنابراین P2=(X, -Y)
    • Y باید یک مقدار بزرگ باشد. در این مورد، Y=800 را انتخاب کردم
    • برای بدست آوردن X، می دانیم که سرعت انیمیشن ما باید در هنگام لغزش سریعتر و در هنگام بالا رفتن دوباره کندتر باشد. بنابراین، هر چه X به صفر نزدیک‌تر باشد، انیمیشن شیب‌دارتر می‌شود. در این مورد، X = 0.8 را بگذارید

حالا شما تابع مکعب بیزیر خود را دارید، این کار خواهد بود cubic-bezier(0.55, 0, 0.2, -800).

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

animation: x 4s linear forwards,
    y 4s cubic-bezier(0.55, 0, 0.2, -800) forwards;

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

animation-delay: 0s, 0s;

توجه داشته باشید: اگر در مورد مقادیر تابع مکعب بیزیر مطمئن نیستید، می توانید بررسی کنید این وب سایت جایی که می‌توانید مکعب‌بزیرها را تجسم کنید و ایده بگیرید که P0 و P1 باید در کجا باشند.

افزودن یک انیمیشن در امتداد محور X

قبل از ایجاد حلقه، توپ باید برای مدت کوتاهی در امتداد محور x حرکت کند تا بین هر دو انیمیشن فاصله وجود داشته باشد. بنابراین، بیایید این کار را انجام دهیم!

@keyframes x2 {
  to {
    left: 600px;
  }
}
  • آن را به ویژگی انیمیشن اضافه کنید:
animation: x 4s linear forwards,
    y 4s cubic-bezier(0.55, 0, 0.2, -800) forwards, x2 0.5s linear forwards;

این انیمیشن باید بعد از انیمیشن کشویی شروع شود و انیمیشن کشویی چهار ثانیه طول می کشد، بنابراین تاخیر انیمیشن چهار ثانیه خواهد بود:

animation-delay: 0s, 0s, 4s;

نتیجه

قلم را ببینید [rollercoaster part 1](https://codepen.io/smashingmag/pen/JjpEmLG) توسط یسرا عماد.

قلم را ببینید ترن هوایی قسمت 1 توسط یسرا عماد.

قسمت حلقه

برای ایجاد یک دایره (حلقه) در CSS، باید دایره را به مرکز حلقه منتقل کرده و انیمیشن را از آنجا شروع کنیم. ما می خواهیم شعاع دایره 100 پیکسل باشد، بنابراین موقعیت دایره را به تغییر می دهیم top: 200px (300 – شعاع دلخواه). با این حال، این باید پس از انجام انیمیشن کشویی اتفاق بیفتد، بنابراین انیمیشن دیگری با مدت زمان صفر ثانیه ایجاد می کنیم و تاخیر انیمیشن مناسب را اضافه می کنیم.

@keyframes pointOfCircle {
  to {
    top: 200px;
  }
}
  • این را به لیست انیمیشن های با مدت زمان = 0 ثانیه اضافه کنید
animation: x 4s linear forwards,
    y 4s cubic-bezier(0.55, 0, 0.2, -800) forwards, x2 0.5s linear forwards,
    pointOfCircle 0s linear forwards;
  • تاخیر انیمیشن را اضافه کنید که 4.5 ثانیه خواهد بود
animation-delay: 0s, 0s, 4s, 4.5s;

خود حلقه

برای ایجاد یک انیمیشن حلقه:

  • یک فریم کلیدی ایجاد کنید که توپ را به موقعیت قبلی برمی گرداند و سپس توپ را می چرخاند:
@keyframes loop {
  from {
    transform: rotate(0deg) translateY(100px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateY(100px) rotate(-360deg);
  }
}
  • فریم های کلیدی حلقه را به ویژگی انیمیشن اضافه کنید:
animation: x 4s linear forwards,
    y 4s cubic-bezier(0.55, 0, 0.2, -800) forwards, x2 0.5s linear forwards,
    pointOfCircle 0s linear forwards, loop 3s linear forwards;
  • تأخیر انیمیشن را اضافه کنید که در اینجا نیز 4.5 ثانیه خواهد بود:
animation-delay: 0s, 0s, 4s, 4.5s, 4.5s;
(پیش نمایش بزرگ)

حرکت دادن توپ در امتداد محور X (دوباره)

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

@keyframes x3 {
  to {
    left: 1000px;
  }
}
  • فریم های کلیدی را به ویژگی انیمیشن اضافه کنید:
animation: x 4s linear forwards,
    y 4s cubic-bezier(0.55, 0, 0.2, -800) forwards, x2 0.5s linear forwards,
    pointOfCircle 0s linear forwards, loop 3s linear forwards,
    x3 2s linear forwards;
  • با اضافه کردن تاخیر مناسب، در اینجا 7.5 ثانیه خواهد بود:
animation-delay: 0s, 0s, 4s, 4.5s, 4.5s, 7.5s;

خروجی نهایی

قلم را ببینید [rollercoaster](https://codepen.io/smashingmag/pen/oNEBadz) توسط یسرا عماد.

قلم را ببینید ترن هوایی توسط یسرا عماد.

نتیجه

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

سرمقاله Smashing
(il)
Read More

SEO در مقابل SEM: تفاوت چیست؟

هر دو SEO و PPC راه هایی برای بازاریابی کسب و کار شما در موتورهای جستجو هستند. بنابراین هر دو نوع بازاریابی موتور جستجو (SEM) هستند. در این راهنما، یاد خواهید گرفت که چگونه یک استراتژی SEM برنده ایجاد کنید تا ترافیک بیشتری را به سمت خود هدایت کنید

ادامه مطلب ›

Read More

مطالعه موردی: چگونه هیولای کوکی 22 درصد از دید ما را خورد

نظرات نویسنده کاملاً متعلق به خودش است (به استثنای رویداد غیرمحتمل هیپنوتیزم) و ممکن است همیشه منعکس کننده نظرات Moz نباشد.

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

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

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

راه اندازی اولین موج آزمایشی

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

  • ردیابی رتبه برای اکثر کلمات کلیدی مرتبط

  • داشبورد SEO (DataStudio، Moz Pro، SEMRush، Search Console، Google Analytics)

  • خزیدن منظم

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

اولین بررسی عملکرد

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

چیزی که بعد دیدیم واقعاً ما را راضی نکرد.

یک شبه، دید کلمات کلیدی ردیابی شده برای صفحات مهاجرت شده از 62.35٪ به 53.59٪ کاهش یافت – ما 8.76 درصد دید را در یک روز از دست دادیم!

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

بررسی عملکرد دوم

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

قابلیت مشاهده کلمات کلیدی ردیابی شده ما طی چند روز آینده کاهش یافت و به 40.60% رسید که باعث شد در عرض پنج روز تقریباً 22% کاهش یابد. این نیز به وضوح در مقایسه با رقابت کلمات کلیدی ردیابی شده (در اینجا “ترافیک تخمینی”) نشان داده شد، اما دید مشابه به نظر می رسید.

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

از آنجایی که سایر عوامل خطر مهاجرت به‌علاوه به‌روزرسانی‌های Google به عنوان منابع خطا حذف شده بودند، قطعاً باید یک مشکل فنی باشد. جاوا اسکریپت زیاد، نمرات پایین Core Web Vitals یا یک مدل شیء سند بزرگتر و پیچیده تر (DOM) همگی می توانند دلایل بالقوه باشند. DOM یک صفحه را به عنوان اشیا و گره ها نشان می دهد تا زبان های برنامه نویسی مانند جاوا اسکریپت بتوانند با صفحه تعامل داشته باشند و به عنوان مثال سبک، ساختار و محتوا را تغییر دهند.

به دنبال خرده های کوکی

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

افزایش آدرس‌های اینترنتی با لینک خارجی بالا (بیش از 10)
افزایش URL هایی که از حداکثر اندازه محتوای مشخص شده (51.200 بایت) فراتر می روند.

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

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

جستجوی سایت تأیید کرد که رضایت کوکی توسط Google نمایه شده است

این به چندین مشکل منجر شد:

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

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

  3. تعداد پیوندهای خروجی خارجی به شدت افزایش یافته است.

  4. قطعه های ما به طور ناگهانی یک تاریخ در SERP ها را نشان دادند. این یک وبلاگ یا مقاله خبری را پیشنهاد می کند، در حالی که بیشتر مقالات در Homeday محتوای همیشه سبز هستند. علاوه بر این، به دلیل ظاهر شدن تاریخ، توضیحات متا قطع شد.

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

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

بررسی DOM های گوگل و جستجوی راه حل

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

برای تأیید اینکه Google در حال خواندن کپی از بنر رضایت کوکی است، از ابزار بازرسی URL کنسول جستجوی Google استفاده کردیم. ما DOM یک صفحه مهاجرت شده را با DOM یک صفحه غیر مهاجرت مقایسه کردیم. در DOM یک صفحه منتقل شده، سرانجام محتوای رضایت کوکی را پیدا کردیم:

در DOM یک صفحه منتقل شده، محتوای رضایت کوکی را پیدا کردیم

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

  • تنها اسکریپت بارگذاری شده در صفحات قدیمی ما بود uc.js، که مسئول است بنر رضایت کوکی. این یک اسکریپت است که در هر صفحه برای رسیدگی به رضایت کاربر به آن نیاز داریم. این بنر رضایت کوکی را بدون فهرست کردن محتوا نمایش می دهد و تصمیم کاربر (در صورت موافقت یا مخالفت آنها با استفاده از کوکی ها) را ذخیره می کند.

  • برای صفحات منتقل شده، به غیر از uc.js، یک مورد نیز وجود داشت cd.js در حال بارگذاری فایل اگر صفحه‌ای داریم که می‌خواهیم اطلاعات بیشتری درباره کوکی‌هایمان به کاربر نشان دهیم و داده‌های کوکی را فهرست کنیم، باید از cd.js استفاده کنیم. ما فکر می کردیم که هر دو فایل به یکدیگر وابسته هستند که صحیح نیست. uc.js می تواند به تنهایی اجرا شود. فایل cd.js دلیل رندر شدن و نمایه شدن محتوای بنر کوکی بود.

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

بررسی عملکرد پس از اجرای راه حل

روزی که فایل را حذف کردیم، دید کلمه کلیدی ما 41.70 درصد بود که همچنان 21 درصد کمتر از قبل از مهاجرت بود.

با این حال، روز بعد از حذف فایل، دید ما به 50.77٪ افزایش یافت و روز بعد تقریباً به حالت عادی بازگشت و 60.11٪ بود. ترافیک تخمینی رفتار مشابهی داشت. چه آرامشی!

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

نتیجه

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

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

Read More

اندازه‌گیری ساختمان پیوند – جمعه تخته سفید

نظرات نویسنده کاملاً متعلق به خودش است (به استثنای رویداد غیرمحتمل هیپنوتیزم) و ممکن است همیشه منعکس کننده نظرات Moz نباشد.

SEO ها معیارهای قدرتمندی برای اندازه گیری موفقیت استراتژی های خود در اختیار دارند، مانند Domain Authority (DA) و Page Authority (PA). اما بهترین استفاده از آنها چگونه است؟ در جمعه تخته سفید امروز، تام به شما نشان می دهد که چگونه در مورد این معیارها به عنوان بخشی از یک رویکرد جامع برای تجزیه و تحلیل لینک بیلدینگ خود فکر کنید.

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

روی تصویر وایت برد بالا کلیک کنید تا نسخه با وضوح بالا در یک تب جدید باز شود!

رونویسی ویدئو

جمعه مبارک، طرفداران Moz، و جمعه تخته سفید امروز در مورد اندازه گیری لینک سازی است. بنابراین بدیهی است که این یک موضوع بسیار بزرگ و بسیار قدیمی در فضای SEO است، و Moz، به عنوان یک شرکت، سرمایه گذاری زیادی روی آن انجام داده است، درست است؟ Like Domain Authority و Page Authority دو محصول بسیار محبوب ما هستند که معمولاً برای این منظور استفاده می شوند.

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

رتبه صفحه گوگل

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

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

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

احتمال پیوند

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

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

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

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

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

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

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

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

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

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

معیارهای مربوط به ساخت لینک

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

سریع

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

همه جا

ما معیارهایی را می‌خواهیم که همه جا حاضر باشند، بنابراین وقتی به رئیسم می‌گویم، “اوه، من برای شما پیوندی دارم که دارای DA 90 است”، احتمال زیادی وجود دارد که او بداند این به چه معناست. در حالی که اگر بگویم امتیاز تام کپر 38B داشت، آنها می گویند “در مورد چی صحبت می کنی؟” بنابراین من باید از معیاری استفاده کنم که به خوبی درک شده باشد.

مشخصات صفحه و پیوند

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

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

استفاده از معیارها با هم

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

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

بسیار فراگیر است. اما برخی از این تفاوت های ظریف را از دست داده است زیرا معیار سطح دامنه است و به سؤال کمی متفاوت پاسخ می دهد. DA برای پاسخ به این سوال طراحی شده است، “چقدر احتمال دارد یک صفحه در این دامنه، همه چیز برابر است، رتبه خوبی داشته باشد؟” این یک سوال کمی متفاوت از ارزش لینک است. اما اگر بگویم، اوه، من DA می‌خواهم، اما نه لزوماً سطح دامنه، ممکن است بگویید، “اوه، خوب، Moz معیاری برای آن دارد و شما باید بدانید و به آن “Page Authority” می‌گویند.

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

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

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

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

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

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

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

رونویسی ویدیو توسط Speechpad.com

Read More

برآوردهای ترافیک جستجو در Ahrefs چقدر دقیق است؟ (پژوهش جدید)

یکی از رایج ترین موارد استفاده از Ahrefs بررسی میزان ترافیک جستجوی ارگانیک یک وب سایت (یا صفحه وب) معین است.

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

ما تصمیم گرفتیم یک مطالعه کوچک انجام دهیم و سعی کنیم آن را کمی کنیم.

از برآوردهای ترافیکی Ahrefs چه انتظاری باید داشت

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

در اینجا به طور خلاصه به نظر می رسد:

  1. تمام کلمات کلیدی که یک وب سایت برای آنها رتبه بندی می کند را در نظر بگیرید
  2. حجم جستجوی ماهانه هر کلمه کلیدی را بکشید
  3. موقعیت رتبه بندی آن وب سایت را برای هر کلمه کلیدی جستجو کنید
  4. CTR را برای هر قطعه جستجوی آنها پیش بینی کنید
  5. کلیک‌های هر کلمه کلیدی را جمع‌بندی کنید و کل ترافیک جستجوی تخمینی ماهانه را محاسبه کنید

آیا می توانید بگویید که در کدام مرحله اختلافات شروع می شود؟ (نکته: هر کدام)

  • کلید واژه ها – عملاً غیرممکن است که بدانیم همه کلمات کلیدی که یک وب سایت خاص برای آنها رتبه بندی می کند.
  • حجم جستجوی ماهانه – اینها نیز به ویژه دقیق نیستند (مطالعه اخیر ما را ببینید).
  • رتبه بندی موقعیت ها – SERP ها بسیار فرار هستند. امروز، صفحه شما در رتبه 3 قرار دارد. یک روز بعد، رتبه چهارم را دارد.
  • CTR – پیش بینی CTR یک صفحه در SERP فوق العاده سخت است. عوامل زیادی وجود دارد که باید در نظر گرفته شوند: هدف جستجو، تبلیغات، ویژگی‌های SERP، تمایل به برند و غیره.

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

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

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

بنابراین به کنار، اجازه دهید در نهایت نتایج تحقیقات خود را ببینیم.

تخمین ترافیک جستجوی Ahrefs چقدر دقیق است؟

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

در مطالعه آنها، Ahrefs برنده شد (با میانگین اختلاف 22.5% و همبستگی 0.99 با داده های GSC).

نتایج حاصل از مطالعه Authority Hacker که در آن Ahrefs در صدر قرار گرفت.

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

در مطالعه خود، 1635 وب سایت تصادفی را انتخاب کردیم و ترافیک GSC ماهانه آنها در ایالات متحده را با تخمین های ماهانه ترافیک ارگانیک ایالات متحده در Ahrefs مقایسه کردیم.

ما همین دو عامل را مطالعه کردیم:

  1. چقدر تخمین ترافیک Ahrefs از GSC منحرف است
  2. برآوردهای ترافیک ما در مقایسه با GSC چقدر سازگار است

انحراف

در نمونه مورد مطالعه ما از 1635 وب سایت، انحراف میانه مشخص شد 49.52%.

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

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

اما اغلب برآوردهای ما نسبتاً خوب است:

انحراف میانه بین تخمین ترافیک Ahrefs و GSC 49.52٪ است.

برای قرار دادن انحراف میانه ما از 49.52% در چشم انداز، ما آن را برای SEMrush نیز محاسبه کردیم و معلوم شد که 68.36٪ است.

ثبات

در اینجا “ثبات” برآوردهای ترافیک به آن اشاره می شود:

اگر یک وب‌سایت ترافیک بیشتری نسبت به وب‌سایت دیگر داشته باشد (طبق داده‌های GSC)، این باید در هنگام مشاهده داده‌های Ahrefs صادق باشد (صرف نظر از دقت برآوردها).

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

در حجم نمونه ما از 1635 وب سایت، ترافیک ماهانه GSC در ایالات متحده با ترافیک Ahrefs در 0.76 (پیرسون). این بدان معنی است که عبارت فوق در اکثر موارد صادق است.

Sidenote.

در صورتی که با همبستگی ها آشنا نیستید، “1” به این معنی است که دو مجموعه از مقادیر با هم هماهنگ هستند. و 0.76 تقریباً نزدیک به 1 است.

برآوردهای ترافیک Ahrefs به شدت با ترافیک GSC مرتبط است.

در مورد SEMRush، امتیاز آنها برای همان مجموعه وب سایت ها 0.74 بود.

راه حلی برای رفع دستی مغایرت

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

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

فرمول رفع اختلافات برآورد ترافیک.

رابطه بین ترافیک GSC و ترافیک Ahrefs برای وب سایت شما باید تقریباً برای رقبای شما صادق باشد (با توجه به اینکه آنها در همان جایگاه شما هستند). بنابراین در اغلب موارد، استفاده از این فرمول باید نتیجه بسیار دقیقی ایجاد کند.

سخنان پایانی

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

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

مثل همیشه، اگر نظر یا سوالی دارید، می توانید من را پیدا کنید در توییتر.

PS تشکر فراوان از Alex از تیم علم داده ما برای کمک به من در این زمینه.

Read More

21 قالب بروشور خلاق | تقاطع طراحی گرافیک

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

شرکت قالب های بروشور برای انواع مشاغل استفاده می شود لایه‌های کاملاً قابل ویرایش یا رنگ لایه‌ها را شکل می‌دهند، آماده چاپ (CMYK/3mm Bleeds/300dpi) مناسب برای صنایع صنعتی، فناوری، تولید، عکاسی، ساخت‌وساز، معدن، پزشکی و خرده‌فروشی. آسان برای استفاده و بسیار قابل تنظیم، هر دانلود شامل فایل های راهنما.

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

الگوهای بروشور خلاق

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

بروشور مربع مدرن

دانلود

قالب بروشور کسب و کار مدرن

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

دانلود

طراحی بروشور گزارش سالانه خلاق

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

دانلود

قالب بروشور مربعی

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

دانلود

بروشور چند منظوره Clean & Modern

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

دانلود

بروشور دو تایی شرکتی

قالب بروشور شرکتی BI-fold A4، طراحی تمیز، این الگو متعلق به نسل بعدی سبک های سازماندهی شده است.

لینک دانلود

بروشور Abstract Square

این الگو برای هر هدف پروژه ای مناسب است. بسیار آسان برای استفاده و سفارشی. می توان از آن به عنوان: بروشور شرکت / بروشور شرکت / بروشور آژانس / گزارش سالانه استفاده کرد. Adobe InDesign (.Indd) + Idml، بروشور مربع (16 صفحه)، ابعاد: 200×200 با خونریزی 3 میلی متر، تغییر رنگ آسان با یک کلیک از طریق نمونه های رنگی، لایه های با نام و گروه بندی مناسب و فایل های کاملاً قابل تنظیم، قابل ویرایش و لایه بندی خوب با حالت رنگ CMYK و فایل های آماده چاپ.

دانلود

بروشور مشخصات شرکت

دانلود

بروشور مشخصات شرکت

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

لینک دانلود

گزارش سالانه Kreatype

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

لینک دانلود

قالب بروشور کاتالوگ مد

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

لینک دانلود

الگوی بروشور پروپوزال پروژه

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

لینک دانلود

قالب بروشور چند منظوره

20 صفحه طراحی تمیز، اندازه A4 و حروف چاپ آماده استفاده آسان فایل‌های indd، indt و idml رایگان فونت‌های با کیفیت بالا گروه کد رنگی راهنمای راهنمای تفصیلی تصاویر شامل نمی‌شوند.

لینک دانلود

قالب بروشور کتاب برند منظره

یک الگوی دستورالعمل‌های طراحی و برند در 46 صفحه، با عبارت واقعی. فرمت A4 (210×297 میلی‌متر) با 3 میلی‌متر و حرف US با خونریزی 0.125 اینچ در اطراف است. فایل ها کاملا قابل ویرایش و آماده چاپ هستند. شما همچنین لوگو و تمام آیکون ها / گرافیک را دریافت خواهید کرد. فایل ها به خوبی لایه بندی شده اند. عکس ها گنجانده نشده است. فقط برای هدف پیش نمایش استفاده می شود.

لینک دانلود

قالب بروشور عکاسی چند منظوره

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

لینک دانلود

الگوی بروشور نمونه کار عکاسی

Photography Portfolio یک قالب بروشور چند منظوره برای نمایش پروژه های عالی شما است. سبک مدرن و خلاقانه این قالب می تواند به عنوان کتاب عکس، کاتالوگ یا مجله کاملاً کار کند.

لینک دانلود

الگوی بروشور نمایه شرکت Creative A5

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

لینک دانلود

قالب پروپوزال حرفه ای

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

لینک دانلود

الگوی پیشنهادی کسب و کار حرفه ای

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

لینک دانلود

قالب بروشور Equilux

قالب بروشور Equilux یک الگوی پروپوزال Indesign در 20 صفحه است که در اندازه A4 موجود است.

لینک دانلود

Read More

7 استراتژی که نتایج قدرتمندی برای تیم های بازاریابی و فروش شما خواهد داشت [Free Webinar on May 24th]

نیل پاتل

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

7 استراتژی که نتایج قدرتمندی برای تیم های بازاریابی و فروش شما خواهد داشت [Free Webinar on May 24th]

آیا تیم های فروش و بازاریابی شما همسو هستند؟ یا آنها در سیلوها کار می کنند، تنها با درک مبهم از آنچه تیم دیگر انجام می دهد؟

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

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

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

به نیل پاتل و تیم Pipedrive بپیوندید وبینار رایگان در زمینه فروش و تراز بازاریابی در 24 مه ساعت 8 صبح به وقت PST.

چرا همسویی فروش و بازاریابی بسیار مهم است؟

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

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

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

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

اکنون، آن صفحه فرود مملو از سرنخ هایی است که فروش هرگز آنها را دنبال نمی کند. بازاریابی می گوید: «به این همه ترافیک نگاه کنید! چرا کسی همه آن سرنخ ها را دنبال نمی کند؟»

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

همه ناامید هستند و هیچ کس برنده نمی شود – حداقل از همه مشتریان شما.

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

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

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

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

به همین دلیل است: ایجاد هماهنگی فروش و بازاریابی از ابتدا بهترین راه برای جلوگیری از ناهماهنگی است.

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

به یاد داشته باشید، همه در یک تیم هستند – و همه ما به دنبال رشد هستیم. آسان کردن (متشکرم، اتوماسیون!) برای به اشتراک گذاشتن داده ها و بینش ها، معیارهای همه را بهبود می بخشد، به ویژه نتیجه نهایی شما.

این وبینار برای چه نوع مشاغلی مناسب است؟

هر کسب و کاری که دارای تیم فروش و بازاریابی باشد (حتی اگر هر کدام فقط یک نفر باشد!) از این وبینار سود می برد.

این شامل سازمان هایی در صنایعی مانند:

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

آنچه در وبینار 24 مه ما خواهید آموخت

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

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

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

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

می خواهید به ما بپیوندید؟ امروز ثبت نام کنید و در 24 می به ما بپیوندید. ما مشتاقانه منتظر دیدن شما.

مشاوره با نیل پاتل

ببینید آژانس من چگونه می‌تواند رانندگی کند عظیم میزان ترافیک وب سایت شما

  • سئو – حجم عظیمی از ترافیک SEO را باز کنید. نتایج واقعی را ببینید
  • بازاریابی محتوا – تیم ما محتوای حماسی ایجاد می کند که به اشتراک گذاشته می شود، لینک می گیرد و ترافیک را جذب می کند.
  • رسانه پولی – استراتژی های پولی موثر با بازگشت سرمایه روشن.

یک تماس رزرو کنید

Read More

پشته درآمد لینکی که هر SEO باید برای آن تلاش کند

نظرات نویسنده کاملاً متعلق به خودش است (به استثنای رویداد غیرمحتمل هیپنوتیزم) و ممکن است همیشه نظرات Moz را منعکس نکند.

به عنوان یک سئوکار، نمی توانید روزی را بدون شنیدن لینک ها بگذرانید: “لینک ها بسیار مهم هستند!” یا “پیوندها را اولویت بندی کنید!” یا “پیوندها منبع حیاتی الگوریتم قادر متعال هستند!”

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

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

در یک دنیای ایده آل، این پشته چگونه به نظر می رسد. (نکات کلاه به پل زالوسکی، معاون بازاریابی در Verblio، چه کسی ایده این شکست را به من داد!)

کسب درآمد از لینک غیرفعال

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

مطالب مورد نیاز: دارایی «محتوای قابل پیوند» (این کلید است)

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

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

وقتی تیم‌های سئو می‌توانند با تیم‌های محتوا برای ایجاد «محتوای قابل پیوند» همکاری کنند، جادوی کسب لینک غیرفعال می‌تواند اتفاق بیفتد.

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

  • پست های مبتنی بر آمار یا مبتنی بر تعریف: مردم همیشه به دنبال آماری برای استناد یا تعاریفی برای پیوند دادن هستند.

  • ابزارها یا سایر منابع تعاملی: اگر مفید هستند، مردم دوست دارند آنها را به اشتراک بگذارند!

  • پست‌ها یا گزارش‌های سالانه “بهترین”/”برترین”.: افراد دوست دارند به لیست هایی که در آن هستند ارجاع دهند یا لیست هایی را که مجموعه های جالب و ارزشمندی هستند به اشتراک بگذارند.

اندی کرستودینا در Orbit Media Studios در این استراتژی عالی است.

این پست نقاط داده جدیدی را در مورد وبلاگ نویسی ارائه می دهد و 2761 دامنه پیوند دهنده به دست آورده است! چگونه؟ از آنجایی که پست‌های وبلاگی زیادی در مورد وبلاگ نویسی (متا) وجود دارد که می‌خواهند آمارهای مربوط به نکته‌ای را که می‌خواهند بیان کنند را شامل شود – و اندی آنها را ارائه می‌کند.

در اینجا یک نمونه از یک پست وبلاگ الکسا با استناد به یک نقطه داده از قطعه Orbit Media:

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

درآمد لینک هدفمند

هدف، واقعگرایانه: به ارتقای یک پست خاص و ارزشمند در SERP کمک کنید

مطالب مورد نیاز: N/A – پستی که می خواهید تقویت کنید از قبل وجود دارد

ارتقاء مورد نیاز: توسعه دستی و ارتقاء به سایت های خاص

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

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

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

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

صفحه آنها در مورد نحوه خواندن تاروت رتبه های 1-3 برای شرایط بسیار مرتبط:

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

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

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

کسب درآمد از لینک مرجع سایت

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

مطالب مورد نیاز: گزارش اصلی و/یا داده های خبری

ارتقاء مورد نیاز: قرار دادن روزنامه نگاران یا ایجاد روابط سندیکایی

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

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

من از یکی از شرکای برندمان استفاده خواهم کرد، Sidecar Health، به عنوان مثال. ما از دسامبر داستان‌های ارزشمندی را از طرف آن‌ها ایجاد کرده‌ایم و آن‌ها را از طریق اخبار Stacker توزیع می‌کنیم، و اعتبار دامنه Sidecar Health ظرف چند ماه چهار افزایش یافته است.

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

اولین داستان ما برای آنها درباره بود تعطیلی بیمارستان های روستایی در سراسر کشور. بیش از 300 پیکاپ در سایت هایی مانند MSN، SFGate، The Houston Chronicle و موارد دیگر به دست آورد.

هنگامی که این نوع ارزش لینک را به سایت خود به دست می آورید، سپس می توانید از پیوندهای داخلی برای توزیع آن سهام در صفحاتی که برای اهداف سئوی شما مهم هستند استفاده کنید. با استفاده از این استراتژی فقط برای چند ماه، Sidecar Health شاهد افزایش 77 درصدی کلمات کلیدی در موقعیت های 1-3 در SERP ها بوده است.

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

کسب درآمد از لینک های طاقچه

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

مطالب مورد نیاز: گزارش اصلی و/یا داده های خبری

ارتقاء مورد نیاز: قرار دادن روزنامه نگاران یا ایجاد روابط سندیکایی

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

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

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

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

برای ادامه مثال Sidecar Health، علاوه بر لینک هایی که برای آنها به دست آورده ایم، نمایه بک لینک آنها شامل لینک هایی از سایت هایی مانند Verywell Health و Healthline و همچنین سایت های تخصصی بیشتری مانند Health Care Business Today و Electronic Health Reporter است.

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

یک استراتژی کامل برای کسب لینک

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

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

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

Read More

20+ بهترین فونت اسکریپت رایگان

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

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

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

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

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

لیست فونت های اسکریپت رایگان 2022

1. قلم رایگان اسکریپت Garlando

دانلود فونت

2. فونت رایگان اسکریپت عشق

دانلود فونت

3. فونت رایگان اسکریپت روزانه Shasta

دانلود فونت

4. Melanthios دست نوشته اسکریپت رایگان قلم

دانلود فونت

5. فونت رایگان اسکریپت طبیعی

دانلود فونت

6. فونت رایگان امضای Harshita

دانلود فونت

7. فونت رایگان Strike Modern Script

دانلود فونت

8. فونت رایگان اسکریپت Cinta Sehat

دانلود فونت

9. فونت رایگان کاروان اسکریپت

دانلود فونت

10. قلم رایگان اسکریپت خلاق

دانلود فونت

11. قلم رایگان Warteg Bold Script

دانلود فونت

12. فونت رایگان اسکریپت مادر عزیز

دانلود فونت

13. فونت رایگان اسکریپت مارکا

دانلود فونت

14. فونت رایگان Slightwell Script

دانلود فونت

15. فونت رایگان اسکریپت Dindalove

دانلود فونت

16. فونت رایگان اسکریپت Fondy

دانلود فونت

17. قلم رایگان دلبرگ اسکریپت

دانلود فونت

18. فونت رایگان اسکریپت Sastica Nora

دانلود فونت

19. فونت رایگان اسکریپت دست نویس شعر آدیندا

دانلود فونت

20. قلم رایگان اسکریپت امضای Qasteria

دانلود فونت

21. فونت رایگان اسکریپت درخشش کریسمس

دانلود فونت

22. فونت رایگان Muliany Scrpt

دانلود فونت

Read More

مدل های محصول: ماکت های بسته بندی با کیفیت بالا | ماکاپ ها

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

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

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

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

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

مدل های دستگاه ها

دانلود

ماکت روسری ابریشمی

دانلود

ست ماکت شمع جار

دانلود

مجموعه ماکت صندوق پستی

دانلود

پچ ماکاپ ها

دانلود

ماکت رمز ارز

دانلود

بسته مدل شورت

دانلود

مجموعه ماکت های آرایشی

دانلود

ست روتختی ست ماکت سایزهای متعدد

دانلود

ست ماکت روسری ابریشمی تویل

دانلود

ماکت بروشور چشم انداز

دانلود

مجموعه ماکت کاغذ بسته بندی

دانلود

بسته مدل سازی دستگاه آیفون

دانلود

ست موکاپ پت باندانا

دانلود

ست ماکت تی شرت

دانلود

کاغذهای چروکیده و ماکت های پلاستیکی

دانلود

Read More