بایگانی‌ها آموزش - بهینه سازی وردپرس https://addwebsite.ir/category/tutorial/ سایت افزون Tue, 23 Jul 2024 04:57:03 +0000 fa-IR hourly 1 https://wordpress.org/?v=6.6.2 https://addwebsite.ir/wp-content/uploads/2020/01/favicon.ico بایگانی‌ها آموزش - بهینه سازی وردپرس https://addwebsite.ir/category/tutorial/ 32 32 چطور یه محتوای سازگار با سئو بنویسیم؟ https://addwebsite.ir/%da%86%d8%b7%d9%88%d8%b1-%db%8c%d9%87-%d9%85%d8%ad%d8%aa%d9%88%d8%a7%db%8c-%d8%b3%d8%a7%d8%b2%da%af%d8%a7%d8%b1-%d8%a8%d8%a7-%d8%b3%d8%a6%d9%88-%d8%a8%d9%86%d9%88%db%8c%d8%b3%db%8c%d9%85%d8%9f/ Thu, 12 Mar 2020 10:01:53 +0000 https://addwebsite.ir/?p=1068 اول از هر چیز بیایید روشن کنیم که محتوای سازگار با سئو چیست.سئو، مخفف عبارت بهینه سازی موتور جستجو (search engine optimization) است که توضیح آسان آن نوعی محتوا که برای ظاهر شدن در صفحه اول موتور جستجو بهینه سازی شده است میباشد. چنین محتوایی باید کیفیت بالایی داشته باشد. این مساله به این معنی […]

نوشته چطور یه محتوای سازگار با سئو بنویسیم؟ اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
اول از هر چیز بیایید روشن کنیم که محتوای سازگار با سئو چیست.سئو، مخفف عبارت بهینه سازی موتور جستجو (search engine optimization) است که توضیح آسان آن نوعی محتوا که برای ظاهر شدن در صفحه اول موتور جستجو بهینه سازی شده است میباشد.

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

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

 

 

ساختاری با زیرعناوین بهینه سازی شده برای سئو

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

از کلیدواژه های سئوی خود بهره ببرید

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

 

اصلاحات برای بهینه سازی جستجو و تولید محتوای سازگار با سئو

این نکته میتواند به پنج نکته کلیدی تقسیم شود:

1. طول مقاله

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

2. خوانایی

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

3. تصاویر

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

4. ظاهر

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

5. محتوای خود را قابل اشتراک گذاری بنویسید

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

 

اطلاعات معتبر

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

به صورت کلی

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

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

نوشته چطور یه محتوای سازگار با سئو بنویسیم؟ اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
7 نكته براي محافظت از سايت https://addwebsite.ir/7-%d9%86%d9%83%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%d9%8a-%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%aa-%d8%a7%d8%b2-%d8%b3%d8%a7%d9%8a%d8%aa/ Thu, 12 Mar 2020 06:59:38 +0000 https://addwebsite.ir/?p=1055 برای بسیاری، محافظت از سايت یک موضوع ترسناک است. به نظر میرسد، لیستی بی پایان از کارهای ضروری برای محافظت از وبسایت وجود دارد و درحالی که سایر منابع مانند راهنمای امنیت وبسایت، بسیاری از شاخ برگ و  زمینه تهدیدها را کاسته است، افردای ممکن است به ساده سازی بیشتری نیاز داشته باشند. اگر شما […]

نوشته 7 نكته براي محافظت از سايت اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

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

1. به صورت مداوم بک آپ تهیه کنید

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

2. همیشه به روزرسانی کنید

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

3. استفاده از رمزهای عبور قوی

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

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

بله، پیروی از سه قانون بالا، باعث میشود به یاد داشتن رمز عبور بسیار سخت تر شود و این اتفاق خوبی برای محافظت از سايت است. سعی کنید از یک برنامه جهت ذخیره رمز عبور ( LastPass پیشنهاد می‌شود) استفاده کنید، تا شما به تمامی رمزهای عبوری که یادآوری آن پها دشوار است تنها با یک رمز عبور اصلی، دسترسی داشته باشید.

4. کاربران و اختیارات را محدود کنید

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

5. به طور مداوم اسکن و نظارت کنید

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

6. یک مجوز SSL بگیرید

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

7. پشت یک فایروال پنهان شوید

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

نظرات نهایی در رابطه با محافظت از سايت

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

نوشته 7 نكته براي محافظت از سايت اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
راهنمای جستجوی عبارت کلیدی https://addwebsite.ir/%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d8%ac%d8%b3%d8%aa%d8%ac%d9%88%db%8c-%d8%b9%d8%a8%d8%a7%d8%b1%d8%aa-%da%a9%d9%84%db%8c%d8%af%db%8c/ Thu, 12 Mar 2020 06:40:50 +0000 https://addwebsite.ir/?p=1050 جستجوی عبارت کلیدی به طرز بحث برانگیزی یکی از مهمترین عوامل سئو است و بدون آن، تمام تلاش‌های سئو بی نتیجه خواهد بود. جستجوی عبارت کلیدی فرآیند کشف اصطلاحات و عبارات مرتبط با کسب و کار که کاربران در موتورهای جستجو تایپ میکنند است. به عبارتی دیگر، یافتن شیوه ای است که مردم شما را […]

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

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

شروع جستجوی عبارت کلیدی

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

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

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

 

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

 

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

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

درک مقاصد جستار (Query Intent)

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

دستور العمل های رتبه بندی کیفیت گوگل (Google’s Quality Rating) چهار هدف اصلی جستجوگرها را به صورت زیر تعریف می کند:

  • برای دانستن
  • برای انجام دادن
  • یافتن وبسایت
  • بازدید شخصی

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

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

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

تهیه لیست عبارت کلیدی شما

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

زمانی که شما قسمت های مفهومی را درک کردید، میتوانید آنها را با کلیدواژه ها به وسیله دانشی که درمورد خواسته ها و نیازهای مشترین دارید، تکمیل کنید.
در این عمل به نوعی به قلم آوردن ایده ها فکر کنید. از همه چیز و هرچیزی که به ذهنتان میرسد یادداشت بردارید، چرا که بعدا میتوانید این لیست را بهبود ببخشید.
فراموش نکنید عباراتی که کسب و کار از قبل برای آن ها رتبه بندی میشود را بررسی کنید.
آنالیزهای گوگل، کنسول گوگل و هر ردیاب رتبه ای که ممکن است برای کسب و کار مناسب باشد، یا ابزارهای رتبه بندی خود را اگر از آن ها بهره میبرید، را بررسی کنید.
شما باید خلاق شوید و به موارد مختلف زیادی دست بیابید.
ابزار People Also Ask گوگل را نیز بررسی کنید. شرایط جستجوهای مرتبط که در انتهای SERP می آید را ببینید.
از ابزارهای جستجوی عبارت کلیدی برای یافتن اصطلاحات و عبارات مختلف خود استفاده کنید. در این مورد SEMush گزینه های خارق العاده ای دارد، که بعدا به آنها نگاه خواهیم انداخت.

بهبود لیست کلیدواژه هایتان

زمانی که شما لیست کلیدواژه های خود را تهیه کردید، زمان بهبود و اولیت بندی است.
برای آن دسته از شما که در عرصه سئو تازه وارد هستید، درک تفاوت بین اصطلاحات “اصلی یا Head” و “طولانی یا Long-tail” مهم است.

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

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

استفاده از ابزارهای جستجوی عبارت کلیدی

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

دو ابزار اصلی SEMrush که شما میخواهید با آنها آشنا شوید گزارش بازنگری کلیدواژه یا The Keyword Overview و ابزار Keyword Magic است.
ابزار The Keyword Overview Report هزاران ویژگی دارد. شما میتوانید از فیلترهای کشور، دسکتاپ یا موبایل، یا حتی تاریخی که داده ذخیره شده است، استفاده کنید.
شما میتوانید از ابزار برای دیدن ترافیک جستجوی محلی، هزینه تخمین زده شده به ازای هر کلیک و حتی اینکه چگونه حجم جستجو ممکن است در گذر سال تغییر کند، استفاده کنید.
ابزار The Keyword Magic Tool تقریبا 8 میلیارد کلیدواژه در دیتابیس خود دارد و چندین ایده فوق العاده برای کمک به جستجوی عبارت کلیدی شما دارد.
همچنین به شما کمک میکند داده های جهان واقعی درمورد کلیدواژه هایی که به یکدیگر مربوط هستند و حتی شیوه های معمولی که مردم ممکن است کلیدواژه ها را به نادرستی بنویسند را ببینید.
از همه مهم تر این ابزار به شما یک امتیاز دشواری کلیدواژه میدهد.
امتیاز دشواری کلیدواژه از نظر مشخص کردن اینکه شما کدام عبارات را میخواهید هدف بگیرید، مهم هستند. کلیدواژه های واقع گرایانه در دامنه 60 تا 80 قرار میگیرید. هرچیزی که بیش از این امتیاز داشته باشد، به سختی رتبه بندی میشود.
شما به دنبال یافتن بهترین موقعیت هستید: کلیدواژه های مرتبط که حجم جستجوی بالاتری دارند و امتیاز سختی کلیدواژه آنها زیر 60% باشد.
شما همچنین میتوانید از فیلتر “سوال ها” استفاده کنید چرا که این فیلتر به تنهایی عبارات جستجویی را نشان میدهد که به صوت سوال جستجو میشوند و با استفاده از ابزارهای جستجوی کلیدواژه تلاش های سئوی شما را نسبت به تغییرات آینده حفاظت میکند.
چرا؟
زیرا همانطور که جست و جوی صوتی درحال رشد از نظر محبوبیت است، جستجوهای بیشتری به صورت سوال پرسیده میشوند و اگر شما محتوای خود را بر این اساس بسازید، برای انفجار جستجوی صوتی آماده خواهید بود.

زمانی که کلیدواژه ها ارائه نشده اند

اگر شما بر گوگا آنالیتیکس متکی هستید، دیدن عبارت ارائه نشده (not provided) زمانی که بر روی کلیدواژه ها جستجو میکنید، بسیار کلافه کننده است. خوشبختانه، روش های زیادی برای دور زدن این مساله وجود دارد.
شما میتوانید آن را به صورت دستی با نگاه به ترافیک جستجو در یک صفحه سطح حل کنید.
بر روی ترافیک جستجوی خود کلیک کنید و سپس صفحاتی را که بیشترین ترافیک را دارند ببینید، اگر شما بدانید کدام صفحات بیشترین بازدیدها را دارند، میدانید کدام مفهوم ها معمول تر مشاهده میشوند.
از طرف دیگر، SEMrush یک ابزار بسیار عالی برای کمک به شما در درک اینکه کدام اصطلاح ها بیشترین ترافیک را برای شما به ارمغان می آورد دارد: ابزار The Organic Traffic Insights
شما باید به حساب کاربری گوگل آنالیتیکس برای سایتی که آن را آنالیز میکنید دسترسی داشته باشید، پس اطمینان حاصل کنید که پیش از استفاده از ابزار به آن دسترسی دارید.
اصولا، SEMrush همان شیوه دستی که در بالاتر ذکر شد را پیاده میکند، اما با امتحان فیلتر های مختلف، شما میتوانید این سایت های مفید بسیاری به دست بیاورید.

آنالیز عبارن کلیدی رقیبان

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

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

بررسی URL آن ها

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

کپی تبلیغات آن ها را بررسی کنید

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

توجه به همپوشانی لینک ها

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

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

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

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

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

نظارت بر روی عملکرد کلیدواژه

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

آنالیزهای خودتان را بررسی کنید

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

بهینه سازی سئوی داخلی یا On-Site خود را در دست بگیرید

شما تگ های عنوان، عنوان‌های H1، alt text های تصاویر خود، URL ها و توضیحات متای خود را  همگی بر اساس ایده خود و کاری که با جست و جوی کلیدواژه های خود انجام داده اید بهینه سازی خواهید کرد.

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

آیا محتوا فاقد کیفیت است؟ آیا شما به عناوین یا H1 بهتری نیاز دارید؟ آیا شما نیاز دارید چندین لینک به سایت بسازید؟

محتواهای قدیمی تر خود را فراموش نکنید

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

قدم های 1 تا 5 را پاکسازی و تکرار کنید

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

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

]]>
آموزش آنالیز وردپرس در 7 ثانیه https://addwebsite.ir/%d8%a2%d9%86%d8%a7%d9%84%db%8c%d8%b2-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d8%af%d8%b1-7-%d8%ab%d8%a7%d9%86%db%8c%d9%87/ Thu, 12 Mar 2020 05:47:40 +0000 https://addwebsite.ir/?p=1043 اگر قصد آنالیز وردپرس در 7 ثانیه را دارید، بعضی اقدامات بسیار واضح و شناخته شده هستند و اثرگذاری خود را ثابت کرده اند. اما حتی سایت هایی که به نظر به حداکثر بهینه سازی رسیده اند نیز هنوز پتانسیل دارند. برای همین نگاه انداختن به فراتر از مرزهای PageSpeed Insights و Co ارزشمند است. […]

نوشته آموزش آنالیز وردپرس در 7 ثانیه اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
اگر قصد آنالیز وردپرس در 7 ثانیه را دارید، بعضی اقدامات بسیار واضح و شناخته شده هستند و اثرگذاری خود را ثابت کرده اند. اما حتی سایت هایی که به نظر به حداکثر بهینه سازی رسیده اند نیز هنوز پتانسیل دارند. برای همین نگاه انداختن به فراتر از مرزهای PageSpeed Insights و Co ارزشمند است. زیرا ابزارهای عملکردی بسیاری که یک آنالیز همه جانبه را ارائه میدهند معادن ارزشمندی از داده ها را فراهم میکنند؛ البته اگر بدانیم دقیقا دنبال چه هستیم. در این مقاله هفت نکته را به شما نشان میدهیم، که تنها در هفت ثانیه میتوانید به کمک آنها آنالیز وردپرس را انجام دهید.

ابزارهای آنالیز ساده مانند Test My Site یا Google PageSpeed Insights در ابتدا توصیه می‌شوند. اگر میخواهید از وردپرس استفاده کنید برای شروع این موارد ممکن است خوب باشد، و به طور موثر بر روی پروژه ها و وردپرس نظارت نمائید دیر یا زود باید از یک ابزار عملکردی که زمان بارگذاری سایت شما را و نحوه عملکرد سایت، فروشگاه و یا شرکت شما در زمان بارگذاری را نمایش میدهد استفاده کنید.
این ابزار شامل Pingdom،GTMetrix یا Web page test است. این ابزارها معمولا به همراه یک نمودار آبشاری ارائه میشوند. این دسته های نسبتا حجیم داده به سختی توسط تعداد زیادی کاربر دیده میشوند. اما اگر شما به طرز حرفه ای از وردپرس استفاده میکنید، باید درک کنید که چگونه کار میکنند. زیرا هیچ منبع داده دیگری وجود ندارد که سرعت بارگذاری سایت شما، کیفیت هاست، و میزان بارگذاری موثر و اینکه سایت در چه بخش هایی در دست توسعه و ساخت است را نشان دهد.
و با اندکی تمرین، میتوانید هر سایت را در یک نگاه و در هفت ثانیه آنالیز کنید.

بدون استفاده از نمودار آبشاری، شما فقط دید سطحی دارید

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

  • کش کردن، از سمت سرور و یا پلاگین
  • توسعه تصاویر
  • فشرده سازی و خلاصه سازی CSS و JavaScript
  • هاست
  • CDN

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

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

می‌توانید به گنجینه داده ها دسترسی داشته باشد

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

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

به کمک ابزار Pingdom برای رسیدن به نمودار آبشاری باید اندکی صفحه را پایین بیاورید. بخش پاسخ دهی این قسمت درخواست های فایل (File Requests) نام دارد. Webpagetest و GT-Metrix هرکدام برای نمودارها تب های جداگانه دارند.
اما برای گرفتن صحیح تمامی این داده ها، شما باید نحوه صحیح خواندن نمودارهای آبشاری را درک کنید.

چگونه نمودار آبشاری را به طور صحیح بخوانیم

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

1. محور X ها نمایانگر زمان است

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

2. هر درخواست HTTP بر روی محور Y قرار دارد

در بیشتر نمودارهای آبشاری، شما میتوانید بر روی عواملی که بر روی نمودار Y قرار دارند کلیک کنید تا اطلاعات اضافه ای درمورد آن ها دریافت نمائید.

3. علائم نشان میدهند چه نوعی از منبع بارگذاری شده است

Webpagetest، HTML،CSS ، تصاویر، فلش و غیره را با رنگ نشانه گذاری میکند. Pingdom از نشانه ها برای این منظور استفاده میکند.

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

در این تصویر شما چهار موردی که بالاتر توضیح داده شدند را مشاهده میکنید.

خواندن نمودارهای آبشاری پینگدام

 

بهینه سازی با آنالیز وردپرس در 7 ثانیه

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

راهنمای یک، سایز حایز اهمیت است

هرچه طول نمودار بیشتر باشد (به عنوان مثال عوامل بیشتری از روی محور Y برداشته شده اند)، درخواست های بیشتری باید پردازش شوند و سایت کندتر میشود. هرچند یک نمودار آبشاری طولانی لزوما به این معنی نیست که بد است. ویژگی ها منابع خارجی وجود دارد که شما بدون آنها نمیتوانید و یا نمیخواهید سر کنید. برای ما، ابزار Live Chat به عنوان مثال، چنین ابزاری است. بارگذاری برنامه چت معمولا سایت ما را کند میکند. هرچند، پشتیبانی سریع از طریق چت یک جزء مرکزی از پلاگین هاست ما است. پس نمیتوانیم از آن بگذریم.
همچنین HTTP/2 نیز اطمینان حاصل میکند که تعدادی از این درخواست ها به اندازه چند سال پیش همان اهمیت سابق را ندارند.
زیرا با استانداردهای جدید وب، درخواست ها میتوانند بر خلاف گذشته به جای اینکه یکی پس از دیگری پردازش شوند، با هم به صورت همزمان پردازش شوند. به علاوه، سرور فایل های HTML را به مرورگر تحت عنوان HTTP/2 به عنوان اقدامی احتیاطی میفرستد تا استاندارد های جدید، کاستی هایی که ممکن است برخواسته از تعداد زیادی درخواست HTTP باشد را جبران کند. هرچند، برای بهره بردن از HTTP/2، صفحه وب شما باید تحت دستور HTTPS به عنوان مثال یک مجوزSSL بارگذاری شود.
در هر صورت، تجربه نشان داده است که هیچ ارتباط مستقیمی بین طول نمودار آبشاری و سرعت بارگذاری صفحه وجود ندارد. البته حداقل تا حد مشخصی اینگونه است : با داشتن بیش از 100 مورد در بیشتر موارد، پتانسیل صرفه جویی وجود دارد.
اگر سایت شما از این آستانه عبور کند، شما باید نگاه دقیق تری به درخواست های HTTP خود بیاندازید. به عنوان مثال، صفحه نخست ما، بیش از 130 درخواست HTTP را بارگذاری میکند. پس در این جا پتانسیل بهینه سازی وجود دارد.
• اگر نمودار آبشاری شما بیش از 100 درخواست دارد، نگاه نزدیک تری به آن درخواست هایی که بدون آن ها باز هم میتوانید عمل کنید بیاندازید.

راهنمای دو، زمان بارگذاری را شناسایی کنید

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

زمانی کلی بارگذاری سایت شما باید زیر ده ثانیه باشد.

راهنمای سه، زمان بارگذاری ملاحظه شده را شناسایی کنید

بیشتر کاربران به اینکه ابزارهای آنالیز چه مقادیری را ارائه میکنند اهمیتی نمیدهند. تنها چیزی که برای آنها مهم است این است که : سایت چقدر سریع بارگذاری میشود.
به همین دلیل برای شما به عنوان یک اپراتور سایت، بهبود این حس سریع بودن تا حد امکان مهم است. شما میتوانید به این هدف از طریق بهینه سازی Caching و بهینه سازیabove-the-fold (قسمتی از سایت که بدون پایین بردن صفحه قابل مشاهده است) – یا اگر کاربران شما در خارج از کشور نیز قرار دارند – با استفاده از یک شبکه تحویل محتوا یا (CDN)، برسید.
خوشبختانه، هرشخصی میتواند این حس زمان بارگذاری از نظر نمودار آبشاری را تجربه کند. بر اساس دانسته های ما، Webpagetest تنها ابزار رایگانی است که میتوان از آن ها مابین اقدامات فنی زمان بارگذاری و زمان بارگذاری درک شده توسط کاربران که با یکدیگر متفاوت هستند، استفاده کرد.
کل این نمودار بیانگر زمان بارگذاری – که از اهمیت کمتری برخوردار است – میباشد. زمان بارگذاری درک شده بین خطوط آبی و سبز در نمودار پنهان شده است.
خط سبز نشان دهنده زمانی است که اولین عامل بصری صفحه وب بارگذاری میشود (که نقطه “شروع رندر” نام دارد). خط آبی نشان دهنده زمانی است که کاربران سایت را به صورت کاملا بارگذاری شده درک میکنند میباشد – از این نقطه به بعد، احتمال تعامل کاربر با سایت به طرز قابل توجهی افزایش می یابد. این دو خط باید نسبت به هم در نزدیک ترین حالت ممکن و در سمت چپ قرار گیرند.
بخش نارنجی نشان دهنده فازی است که طی آن هیچ محتوای قابل مشاهده ای رندر نشده است. تا پایان این فاز، بازدیدکنندگان تنها یک سایت سفید میبینند. بخش آبی نشان دهنده زمانی است که بین زمان شروع رندر شدن و زمان بارگذاری صرف میشود، که طی آن بازدید کننده میتوان یک فرآیند پردازش رندر قایل مشاهده (به عنوان مثال یک ساعت شنی) را ببیند. هر دوی این ها با یکدیگر زمان بارگذاری قابل درک را تشکیل میدهند.
Web page test تنها ابزاری است که این داده ها را به شما میدهد. ما با ابزارهای Pingdom و GTMetrix آشنا نیستیم و این قانون تنها زمانی صدق میکند که شما از ابزار Webpagetest استقاده کنید:

خط سبز باید بعد از دو تا سه ثانیه، و خط آبی حداکثر باید بعد از 7 ثانیه ظاهر شود.

راهنمای چهار، مقایسه HTTP/2 و HTTP/1

HTTP/2 در مقایسه با HTTP/1 یک مزیت قطعی به همراه دارد: با استانداردهای وب جدید، بارگذاری سایت بسیار سریع تر است. هرچند، به علاوه یک مجوز SSL، شما همچنین به هاست خود برای ارائه این خدمات به شما وابسته هستید. هرچند بیشتر اپراتور سایت ها از اینکه مشکل آن ها این مساله است یا خیر مطمئن نیستند.
یکی از بزرگترین معایب HTTP/2 این است که به صورت همزمان چندین درخواست را بارگذاری میکند. و شما به صورت واضح میتونید این امر را در نمودار آبشاری خود ببینید. از آنجایی که درخواست ها بر محور زمان پردازش میشوند، چندین میله و نمودار از یک نقطه مشترک بر روی محور X ها در جایی که از HTTP/2 استفاده شده است را میتوان دید.

رفتار بارگذاری معمول یک سایت وردپرس را بدون HTTP/2 را نشان میدهد. درخواست های HTTP یکی پس از دیگری اجرا میشوند. در سمت راست شما میتوانید رفتار سایت در HTTP/2 را ببینید: درخواست های مستقل در اینجا به صورت همزمان بارگذاری میشود.

اگر درخواست های منفرد به صورت موازی بارگذاری شدند، سایت شما با HTTP/2کار میکند.

راهنمای پنج، تصاویری را که زیاد از حد حجم دارند را شناسایی کنید

در بیشتر از 30 درصد وبسایت هایی که ما آنالیز میکنیم،  در موضوع سایز تصاویر پتانسیل هایی جهت بهینه سازی میبینیم. و در این مساله بیشتر وبمسترها تصور میکنند بیشترین حد بهینه سازی را اجرا کرده اند.
تصاویر – بر اساس تجربیات ما – پس از کیچ مهمترین عامل زمان بارگذاری صفحه هستند. برای هر تصویری که شما در پس زمینه آپلود میکنید، یک مجموعه کامل از فایل های اضافه، ریز عکس ها یا thumbnails و یا تصاویر ویژه، به صورت اتوماتیک توسط وردپرس ساخته میشود. فشرده سازی صحیح این فایل ها یکی از موثر ترین راه های کاهش سایز و به همین ترتیب زمان بارگذاری فایل های سایت شما میباشد.
در نمودار آبشاری، تصاویر را میتوان به سرعت با استفاده از نمادها شناسایی کرد: Webpagetest آن ها را با میله های بنفش نشان داده و Pingdom با یک آیکون این کار را میکند. تنها GTMetrix تصاویر را به صورت جداگانه دسته بندی نمیکند. در هر حالت : میله های پاسخگو بسیار طولانی تر از میله های سایر درخواست های باقیمانده هستند. این نشان دهنده زمان بارگذاری طولانی یک تصویر است.

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

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

راهنمای شش، ریدایرکت ها را پیگیری کنید

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

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

خطوط زرد رنگ نشان دهنده ریدایرکت ها هستند.

راهنمای هفت، خطاها را در یک نگاه شناسایی کنید

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

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

خطوط قرمز نشان دهنده خطاها طی رندر شدن است.

تمامی نکاتی که در راهنمای آنالیز وردپرس در 7 ثانیه وجود دارد

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

آیا نمودار آبشاری بسیار طولانی (بیش از 100 درخواست) است؟
آیا بیشینه مقدار محور X بسیار بزرگ (بیش از 10) است؟
آیا درخواست های بارگذاری به صورت موازی (از طریق HTTP/2 ) اجرا میشوند؟
آیا تصاویر بسیار حجیم هستند (به عنوان مثال به طور نامناسب بهینه سازی شده اند)؟
آیا خطوط سبز و آبی بسیار به سمت راست متمایل هستند و یا بسیار از یکدیگر دور هستند (آیای کاربران سایت را کند مشاهده میکند)؟
آیا خطوط زرد غیر منتظره ای (ریدایرکت ها) وجود دارد؟
آیا خطوط قرمز (خطاها) وجود دارد؟
نکته: اولین باری که شما از این آنالیز استفاده میکنید، ممکن است شما زمان زیادتری را صرف کنید. هرچند، با اندکی تجربه، نمودارهای آبشاری به شما اجازه میدهد پروژه های وردپرس خود را بسیار بهتر درک کرده و آن ها را بسیار کامل تر بهینه سازی کنید.

نوشته آموزش آنالیز وردپرس در 7 ثانیه اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
راهنمای کامل Google PageSpeed Insights https://addwebsite.ir/%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%84-google-pagespeed-insights/ Tue, 03 Mar 2020 06:42:24 +0000 https://addwebsite.ir/?p=1020 توصیه‌های PageSpeed یک جنبه تلخ بهینه سازی عملکرد در وب است، آنها قطعا پیشنهادهای خارق العاده‌ای برای بهبود عملکرد وبسایت هستند. هرچند، یک گزارش PageSpeed ممکن است حاوی تعدادی توصیه باشد که باعث سردرگمی شود و شما با سوالاتی از مانند زیر، مواجه شوید: توصیه هایPageSpeed به چه معنی هستند؟ چگونه می‌توان اخطارهای PageSpeed را […]

نوشته راهنمای کامل Google PageSpeed Insights اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

توصیه هایPageSpeed به چه معنی هستند؟
چگونه می‌توان اخطارهای PageSpeed را رفع کرد؟

هر گزارش  PageSpeed شامل تعدادی توصیه و اخطار است که به دو دسته اصلی تقسیم شده است:

1. فرصت ها (Opportunities)
2. تشخیص‌ها (Diagnostics)

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

 

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

 

توصیه های PageSpeed Insights : فرصت‌ها

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

 

بررسی فرصت‌ها در ابزار pagespeed
مثال قسمت فرصت ها:حذف CSS استفاده نشده ممکن است باعث شود این صفحه 0.45 سریعتر بارگزاری شود.

بیایید به معمول ترین توصیه های PSI در این قسمت و نحوه اعمال آن ها نگاهی بیاندازیم.

  • حذف منابع مسدود کننده رندر و به تعویق انداختن CSS ها استفاده نشده
  • کاهش زمان پاسخدهی سرور
  • به حداقل رساندن CSS و JavaScript
  • ریدایرکت صفحات چندگانه
  • فعال سازی فشرده ساز متن
  • اتصال مجدد به خاستگاه های مورد نیاز
  • از پیش بارگذاری کردن درخواست های کلیدی
  • به تعویق انداختن تصاویر خارج صفحه نمایش (Offscreen Images)
  • تصاویر دارای سایز مناسب
  • تصاویر رمزنگاری شده کارآمد و بهینه سازی تصاویر
  • ارائه تصاویر در فرمت نسل جدید

حذف منابع مسدود کننده رندر و به تعویق انداختن CSS ها استفاده نشده

با این توصیه، گوگل از شما میخواهد JS یا فایلهای CSS ی را که با بارگذاری محتوای بالای صفحه و یا above the fold content تداخل دارد را حذف کرده و یا عقب بیاندازید.
بارگذاری محتوای بالای صفحه و یا above the fold content محتوایی است که کاربران شما به محض باز کردن صفحه قبل از شروع به پایین آمدن در صفحه، می‌بینند.
برای درک منظور PageSpeed زمانی که از شما میخواهد منابع مسدود کننده رندر (چه یک اسکریپت و یا یک Stylesheet) را حذف کنید و یا CSS استفاده نشده را به تعویق بیاندازید، ما باید درک کنیم که یک منبع مسدود کننده رندر چیست.

بر اساس اطلاعات WP Rocket:

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

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

 

چگونه بارگذاری JS/CSS مسدود کننده رندر و CSS استفاده نشده را به تعویق بیاندازیم؟

انجام اینکار به صورت دستی ممکن است اندکی دشوار باشد زیرا شامل واکاوی و ویرایش کدها می‌باشد. اگر ترجیح میدهید که با برنامه خاصی پیش بروید، در اینجا یک مثال برای چگونگی حذف جاوا اسکریپت های مسدود کننده رندر و مثالی درمورد حذف کردن CSS مسدود کننده رندر آمده است.
آسان ترین راه استفاده از پلاگین WP Rocket است!
این پلاگین شامل دو گزینه است که به رفع مشکل توصیه PSI کمک میکند:

  • بهینه سازی تحویل CSS
  • بارگذاری جاوا اسکریپت به تاخیر افتاده

این مطلب که گاهی اوقات حذف کامل تمامی CSS و جاوا اسکرپت های مسدود کننده رندر بسیار دشوار (اگر غیر ممکن نباشد) است نیز قابل توجه است. احتمال دستیابی به این نتیجه به نحوه کدنویسی قالب‌‎ها و پلاگین‌‎هایی که بر روی سایت وردپرس استفاده می‌شود بستگی دارد.
اگر شما سایت خود را از ابتدا کدنویسی نکرده‌اید و به قالب و پلاگین هایی که توسعه دهنده های دیگر نوشته‌اند متکی هستید، باید به سادگی قبول کنید که نمیتوانید بر روی آنها کنترل 100% داشته باشید.
اینکه تمامی این فایل‌های CSS و جاوا اسکریپت مسدود کننده رندر را از آنجایی که این فرآیند ممکن است منتهی به یک صفحه خراب شود (که این مطلب بسیار بدتر از یک “امتیاز قرمز” از طرف PageSpeed Insight است)، نتوان به تعویق انداخت ایرادی ندارد.

کاهش زمان پاسخگویی سرور(TTFB)

اگر سرور شما به درخواست کاربران به آهستگی پاسخ میدهد، تجربه کاربر کلی سایت شما را تحت تاثیر قرار خواهد داد.
همانطور که قبلا نیز ذکر شده است، یک سرور سریع یک عنصر اساسی عملکرد وبسایت است.
زمانی که PageSpeed گوگل از شما میخواهد زمان پاسخگویی سرور خود را کاهش دهید، اساسا به یک نشانگر یا اندیکاتور که به عنوان Time to First Byte شناخته میشود، اشاره دارد.

CSS و جاوا اسکریپت را به حداقل برسانید

این دو توصیه به یکی از مشهورترین تکنیک های بهینه سازی کد مربوط است : Minification
حداقل سازی تکنیکی است که طی آن صفحات HTML، CSS و JS را کمتر قابل خوانش (البته برای انسان) ولی از نظر بارگذاری سریع تر میکند.
این متد تمامی حروف، علامت ها، فاصله گذاری ها، و کامنت‌های غیر ضروری که توسعه دهندگان قصد دارند به صفحات وب و فایل های اسکریپت اضافه کنند را حذف میکند.
توسعه دهندگان در حقیقت ممکن است به کامنت‌ها، نشانه گذاری ها و فاصله گذاری ها برای قابل خوانش تر کردن صفحات و متن ها طی روند توسعه دهندگی خود نیاز داشته باشند.
اما زمانی که شاهکار آنها تمم شده  و وبسایت آنلاین است، تمامی این عناصر اضافه هستند: آن ها ترافیک شبکه را افزایش داده و درخواست های شبکه را بر دوش پهنای باند قرار میدهند.
اینجا است که حداقل سازی کاربردی میشود؛  حجم کد را کمتر میکند تا کاربر نهایی آن را سریع تر دریافت کرده و سرعت بارگذاری در مجموع بهبود یابد.

چگونه میتوانید فایل های CSSو JS را به حداقل برسانید؟

دو راه برای به حداقل رساندن CSS و جاوا اسکریپت های شما وجود دارد :

  • دستی
  • خودکار با استفاده از یک پلاگین

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

حداقل سازی و ترکیب فایل های CSS

فشرده سازی فایل‌های CSS توسط wp rocket

حداقل سازی و ترکیب فایل های JS

فشرده سازی فایل‌های JS توسط wp rocket

همانطور که قبلا در نکته مربوط به حذف منابع مسدود کننده رندر ذکر شد، حداقل سازی(minification) و ترکیب(combination) ویژگی های پیشرفته ای هستند که گاهی اوقات میتوانند طرح بندی  صفحات شما را از کار بیاندازد.
همیشه به کد قالب و سایر پلاگین هایی که شما استفاده میکنید بستگی دارد، بعضی از فایلهای JS و CSS ممکن است با حداقل سازی ناسازگار باشد، پس شما همیشه باید چشم های خود را هنگام پیاده سازی این تکنیک باز نگهدارید.

ریدایرکت های صفحات چندگانه

ریدایرکت 301 قطعا برای مطلع کردن مرورگر از اینکه یک درخواست HTTP از یک محل منبع دیگر آمده و از خطای 404 پیشگیری کرد ضروری است؛ اما زمانی که ریدایرکت ها انباشته میشوند، صفحات شما را کند میکنند.
PageSpeed Insight ها ریدایرکت ها را، زمانی که یک صفحه دارای بیشتر از دو ریدایرکت است به عنوان یک مشکل محسوب میکند.
راه حل ایده آل، البته، این است که لینک های اصلی منابع ریدایرکت را به روز رسانی کرد.

فعال سازی فشرده سازی متن

با این توصیه، PageSpeed Insight از شما میخواهد فشرده ساز GZIP را فعال سازی کنید.

همانطور که گوگل توضیح میدهد:

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

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

به منابع مورد نیاز از پیش متصل شوید
این اخطار PageSpeed هر بار که شما از یک محتوای واسطه بر روی سایت خود (به عنوان مثال فونت هایی که از گوگل بارگذاری شده اند، یا ویدیو هایی از یوتیوب) استفاده میکنید، و قطعات DNS مربوط به آن ها را prefetch نکنید، ظاهر میشود.

DNS Prefetching چیست؟

در اینجا یک تعریف برای تفاوت بین، Preload یا از پیش بارگزاری کردن، Prefetch و Preconnect یا از پیش متصل شدن داریم:

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

به خصوص با DNS prefetching شما میتوانید به مرورگر بگویید که DNS را در یک صفحه هنگامی که کاربران به آن وارد میشوند را جستجو کند: زمانی که منابع خارجی درخواست میشوند، ظهور و اجرای DNS از پیش پردازش شده است و تاخیر را کاهش میدهد.
Prefetch کردندرخواست های DNS میتواند زمان بارگذاری شما را اندکی ارتقا دهد و شما میتونید با WP Rocket آن را به آسانی پیاده سازی کنید (و PageSpeed را راضی کنید) :

 

پریفچ DNS در wp rocket
پیش بارگذاری کردن یا Preload درخواستها

این اخطار به استراتژی بهینه سازی مسیر رندر کردن ضروری یا CRP(Critical Rendering Path) باز میگردد.
CRP برای اولویت بندی بعضی منابع پیش از بقیه و تصمیم گیری در مورد ترتیب بارگذاری آن ها مفید است.
در این روش، مرورگر میتواند یک صفحه را سریع تر بارگذاری کند.
برای رفع مشکل این توصیه PSI، شما باید لینک های Preload شده را در HTML خود اعلام کنید تا مرورگر از دانلود هرچه سریع تر منابع ضروری مطلع شود.
WP Rocket به شما این امکان را میدهد که از پس این اخطار مخصوص فایل های CSS بر بیایید: تنها با فعال سازی گزینه تحویل CSS بهینه سازی، WP Rocket بخش rel=”preload” را به فایل های CSS اضافه کند.

درخواست‌های preload key

به تعویق انداختن تصاویر خارج صفحه (Defer Offscreen Images)

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

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

  • پلاگین LazyLoad استاندارد

پلاگین استاندارد LazyLoad

  • Wp Rocket که شامل گزینه LazyLoad کردن تصاویر شما است:

بارگذاری تنبل در wp rocket

با انتخاب کردن یکی از این دو، PageSpeed Insight راضی خواهد بود و باید اخطار مربوط به Offscreen images not deffred را رفع کند.
فقط در نظر داشته باشید، تا جایی که به Lazyload در WP Rocket مربوط میشود، تمامی تصاویر نمیتوانند در لحظه Lazyload شوند. به عنوان مثال تصاویر پس زمینه ای که از Stylesheet ها بارگذاری میشوند.

 

سایز بندی مناسب تصاویر

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

رمزنگاری موثر تصاویر و بهینه سازی تصاویر

رمزنگاری تصاویر فرآیند ذخیره کردن تصاویر در یک فرمت موثرتر و فشرده‌تر است.
بهینه سازی تصاویر مجموعه‌ای از اقدامات است که بارگذاری تصاویر شما را سریع تر میکند. مانند:

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

برای بهره بردن از استراتژی بهینه سازی تصاویر با یک ابزار موثر و منحصر به فرد میتوانید از ابزار رایگان Imagify استفاده کنید. این ابزار به شما کمک میکند بر روی فایل های خود کار کرده و بیشتر اخطارهای PageSpeed مربوط به تصاویر را رفع کنید.

تصاویر را در فرمت های نسل جدید ارائه کنید

با این توصیه PageSpeed از شما میخواهد از فرمت های تصاویر مدرن‌تر مانند JPEG 2000، JPEG XR و WebP استفاده کنید.
این فرمت های تصاویر نسبت به خویشاوندان قدیمی خود، تصاویر JPEG و PNG از نظر ویژگی های کیفیت و فشرده سازی برتر هستند: آنها سریعتر بارگذاری میشوند و داده موبایل کمتری به خود اختصاص میدهند.
پلاگین بهینه سازی تصاویر Imagify میتواند تصاویر را به فرمت های WebP تبدیل کند، پس در استفاده از آن تعلل نکنید!
WP Rocket نیز به زودی قادر به ارائه پشتیبانی از WebP خواهد بود.

توصیه های PageSpeed Insights : تشخیص

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

بخش تشخیصی در ابزار گوگل page speed

بیایید نگاهی به معمول ترین توصیه های PSI در این بخش و اقداماتی که جهت رفع آن ها میتوانید انجام بدهید بیانداریم:

• مطمئن شوید متن هنگام بارگذاری Webfont همچنان آشکار خواهد ماند
• کار صفحه اصلی را به حداقل برسانید و زمان اجرای جاوا اسکریپت را کاهش دهید
• موارد منابع موجود را با یک خط مشی موثر حافظه پنهان یا Cache ارائه دهید
• از بارگذاری های پی لود (Payload) عظیم پرهیز کنید
• از DOMهای دارای سایز بیش از حد پرهیز کنید
• عمق درخواست های ضروری را به حداقل برسانید

مطمئن شوید متن هنگام بارگذاری Webfont همچنان آشکار خواهد ماند

این اخطار PSI مربوط به بارگذاری فونت‌های وب، که معمولا فایل‌های بزرگی هستند که صفحه را بسیار کند میکند، میباشد.
بعضی از مرورگرها، زمانی که منتظر بارگذاری فونت ها هستند، متن صفحه را پنهان میکنند و اثری به نام “فلش متن نامرئی” را به همراه می آورد.
اما این راه حل تجربه کاربر را تسهیل نمیکند: راه حل ایده آل در این مورد، امکان مشاهده بلافاصله متن با استفاده از یک فونت سیستمی است به کاربر است.
این اتفاق پدیده به اصطلاح اثر “فلش تصاویر بدون استایل” را به همراه دارد : اما پیش فرض قرار دادن یک فونت سیستمی به مرورگر امکان کاهش زمان بارگذاری مهمی میدهد چرا که از فونتی استفاده میکند که از پیش در سیستم آن وجود دارد.
زمانی که فونتی که شما به صورت اصلی از آن استفاده میکنید کاملا دانلود شود، برای کاربران پدیدار خواهد شد؛ اگر شما از روش “فلش متن بدون استایل” هیچکس مجبور نخواهد بود که در انتظار یک صفحه با متن نامرئی بر روی آن بماند.
WP Rocket در ورژن 3.3.5 خود پشتیبانی از فونت های گوگل را با استفاده از گزینه نمایشگر فونت “Swap” ارائه کرد:
این بدین معنا است که اگر شما از فونت های گوگل استفاده میکنید،WP Rocket به شما در اثر “فلش متن بدون استایل” کمک خواهد کرد.

ترکیب فایل‌های گوگل فونت با wp rocket

به صورت پیش فرض Combine Google Fonts در زمان فعالسازی فعال است.

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

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

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

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

  • Plugin Organizer
  • Asset CleanUp
  • Gonzales plugin

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

 

موارد منابع موجود را با یک خط مشی موثر حافظه پنهان یا Cache ارائه دهید

خط مشی یا قوانین مربوط به حافظه پنهان مجموعه اقداماتی است که باید جهت اطمینان حاصل کردن از Cache شدن صفحات و بارگذاری سریعتر آنها انجام دهید.
همانطور که از قبل میدانید، چندین لایه Cache که شما باید به آنها رسیدگی کرده و آنها را هر زمان که توانستید در سایت خود اجرا کنید، در دسترس هستند، Cache کردن صفحات، Server-side Caching(حافظه پنهان از جهت سرور)، Object Caching(حافظه پنهان اشیاء) و Browser Caching (حافظه پنهان مرورگر).

زمانی که PageSpeed گوگل از شما میخواهد منابع موجود ثابت را با یک رویکرد کیچ کردن موثر ارائه دهید به کش مرورگر اشاره دارد.
اگر شما از WP Rocket استفاده میکنید، نباید نگران این مساله باشید، این پلاگین به صورت خودکار Expire header (عنوان) های ضروری را به فایل htaccess اعمال میکند.
اگر شما از یک سرور NGINX استفاده میکنید، فایل های htaccess را نخواهید داشت، پس عنوان هایی که بالاتر ذکر شد اعمال نخواهند شد. هرچند، WP Rocket خارج از محدوده سرور های NGINX عمل میکند.

از بارگذاری های پی لود (Payload) عظیم پرهیز کنید

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

از DOMهای دارای سایز بیش از حد پرهیز کنید

عناصر DOM تمامی تگ های موجود بر روی صفحه (مانند DIV، HTML، BODY، وغیره) هستند.
بر اساس راهنمای توسعه دهندگان وب گوگل، یک درخت DOM بهینه سازی شده شامل موارد زیر است:

  • در مجموع کمتر از 1500 گره (node) دارد.
  • حداکثرعمق 32 گره دارد.
  • هیچ گره والدی بیش از 60 گره کودک ندارد.

به صورت کلی، برای کاهش سایز DOM های فراتر از حد، شما باید قالب ها و پلاگین هایی را که استفاده میکنید مرور کنید:بررسی نمائید،
عمق درخواست های ضروری را به حداقل برسانید
این نکته به زنجیره درخواست های ضروری که لیستی از منابعی هستند که با اولویتی بالا در صفخه باید دانلود شوند مربوط است. این موردی نیست که شما بتوانید به آن رسیدگی “نکنید” و یا در رسیدگی آن با “شکست” مواجه شوید، اما اگر به آن بپردازید شما خواهید توانست عملکرد بارگذاری صفحه سایت خود را بهبود ببخشید.
PageSpeed Insights توصیه میکند با این رسیدگی به کمک “کاهش طول زنجیره ها، کاهش سایز دانلود منابع، یا به تاخیر انداختن دانلود منابع CSS/JS های غیر ضروی برای بهبود بارگذاری صفحه” برخورد کنید.
با WP Rocket، شما میتوانید عامل عمق درخواست های ضروری را با حذف CSS/JS مسدود کننده رندر به حداقل برسانید؛ این مساله به معنای فعال سازی گزینه ای است که ما بالاتر نیز آن را ارائه کردیم:

  • بهینه سازی تحویل CSS
  • بارگذاری جاوا اسکریپت با تاخیر
  • ترکیب فایل های جاوا اسکریپت

جمع بندی

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

نوشته راهنمای کامل Google PageSpeed Insights اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
آموزش استفاده از CSS Sprites در وردپرس https://addwebsite.ir/css-sprites-%d8%af%d8%b1-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/ Thu, 20 Feb 2020 07:32:59 +0000 https://addwebsite.ir/?p=999 ترکیب تصاویر با استفاده از CSS Sprites در وردپرس یک تکنیک بهبود عملکرد مشهور است که میتواند سرعت وردپرس را با کاهش دادن تعداد درخواست های HTTP جهت بارگزاری تصاویر موجود در سایت به طور چشمگیری افزایش دهد. با یک تولیدکننده CSS Sprite وردپرس، میتوان از این تکنیک بهینه سازی برای بهبود عملکرد سایت استفاده […]

نوشته آموزش استفاده از CSS Sprites در وردپرس اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
ترکیب تصاویر با استفاده از CSS Sprites در وردپرس یک تکنیک بهبود عملکرد مشهور است که میتواند سرعت وردپرس را با کاهش دادن تعداد درخواست های HTTP جهت بارگزاری تصاویر موجود در سایت به طور چشمگیری افزایش دهد.
با یک تولیدکننده CSS Sprite وردپرس، میتوان از این تکنیک بهینه سازی برای بهبود عملکرد سایت استفاده کرد. برای شروع باید با CSS و HTML در یک سطح پایه آشنا باشید، اما نیاز نیست که کدهای این تکنیک را درک کنید، ما به شما نشان می‌دهیم که دقیقا هرچیز را کجا قرار دهید.
در این مقاله، در مورد ماهیت سی اس اس اسپریت و اینکه چه زمانی باید آنها را در سایت وردپرس خود استفاده کنید اندکی بیشتر توضیح میدهیم.

ترکیب تصاویر با استفاده از CSS Sprites به چه معنی است؟

بدون سی اس اس اسپریت، هر تصویر در سایت وردپرس یک فایل جداگانه است. زمانی که فردی از وبسایت بازدید میکند، مرورگر این شخص یک درخواست HTTP برای دانلود هر فایل منفرد تصاویر ایجاد میکند، که میتوانید هنگام نگاه کردن به نمودار آنالیز آبشاری در یک ابزار آزمایش بهینه سازی عملکرد مانند Pingdom یا GTMetrix ببینید.
اگر شما از پنج تصویر در یک صفحه استفاده کنید، به معنی پنج درخواست جداگانه HTTP یعنی یک درخواست به ازای هرتصویر، است.
این یک مشکل جدی است، زیرا زمانی که همه شرایط یکسان باشد، درخواست‌های HTTP بیشتر به معنی سایت کندتر خواهد بود.
برای حل این مشکل،  باید تصاویر را با استفاده از سی اس اس اسپریت به کمترین تعداد ممکن ترکیب کنید.
یعنی تمامی تصاویر جداگانه را به یک فایل تصویر ترکیب کرده سپس، با استفاده از CSS هر بخش از تصویر را در مکان مناسب استفاده نمائید؛ حال می‌توانید پنج تصویر جداگانه را بر روی صفحه خود نمایش دهید درحالی که از یک فایل تصویر آمده‌اند.
در ظاهر، بازدیدکنندگان انسانی هیچ تفاوتی بین استفاده از CSS sprites و یا فایل‌های تصاویر جداگانه نمی‌بینند، اما در پشت صحنه مرورگرها تنها باید یک فایل تصویر را بارگزاری کنند که سرعت بارگزاری سایت شما را خواهد داد.

چه زمانی باید تصاویر را با استفاده از CSS sprites ترکیب کرد؟

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

به عنوان مثال، ترکیب تصاویر با CSS sprites به شما اجازه اضافه کردن alt text جداگانه و عنوان برای هر تصویر را نمیدهد که :

  •  میتواند به صورت منفی بر روی سئوی شما اثر بگذارد، مخصوصا اگر بخواهید تصاویر در جستجوی تصاویر گوگل اثر بگذارد. (که با CSS sprites ممکن نیست زیرا تنها یک فایل تصویری منفرد است)
  • به دسترسی شما آسیب میزند زیرا افرادی که از اسکرین ریدر (Screen Readers) استفاده میکنند قادر به درک اینکه هر تصویر نمایانگر چه چیزی است نخواهند بود زیرا تمامی آنها از یک فایل مشترک هستند.
    به این دلایل، بهتر است استفاده از CSS sprites را تنها به تصاویر تزئینی محدود کنید.

چند مثال از موارد منطقی استفاده از CSS sprites شامل موارد زیر است :

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

این موارد احتمالا تصاویری هستند که شما در تمامی سایت و یا صفحات ثابت مرکزی خود از آن ها استفاده میکنید.
به این موضوع فکر نکنید که با استفاده از CSS sprites تصاویر نوشته‌های بلاگ خود را ترکیب کنید!
البته، تصویر زیر مربوط به  صفحه نخست AWeber گزینه خوبی برای CSS sprites است، زیرا :

  • چندان برای اهداف سئو حایز اهمیت نیست.
  • از دست دادن قابلیت اضافه کردن alt text به آنها بر روی دسترسی صفحه اثر نخواهد گذاشت.

نمونه یک تصویر که گزینه مناسبی برای سی اس اس اسپریت است

چگونه CSS sprites در سطح بالا عمل میکند

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

  1. از یک ابزار تولیدکننده CSS sprites برای ترکیب چندین تصویر به یک فایل تصویر منفرد استفاده کنید.
  2. از CSS و HTML تنها برای نمایش دادن قسمت خاصی از فایل تصویر کلی که حاوی تصاویری که میخواهید نمایش داده شود، هستند، استفاده کنید.

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

  1. پرچم ایران
  2. پرچم کانادا

در ابتدا باید از تولید کننده CSS sprites برای ترکیب کردن تصاویر جداگانه هر پرچم به یک فایل مشترک استفاده کنید. تصویر ترکیب شده به صورت زیر نمایش داده میشود :

استفاده از CSS sprites در ورپرس نمایش پرچم‌ها

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

چگونه تصاویر را با استفاده CSS sprites در ورپرس ترکیب کرد

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

نمونه استفاده از تصاویر بدون سی اس اس اسپریت

و این هم ظاهر محتوا در ویرایشگر وردپرس است که میتوانید سه تصویر مجزا را در قسمت بلوک های تصویر ببینید:

نمایش تصاویر بدون CSS Sprites در ویرایشگر وردپرس

اکنون بیایید این تصاویر را با استفاده از CSS sprites ترکیب کنیم!

1. ترکیب تصاویر به کمک یک تولید کننده CSS sprites

برای شروع، از یک ابزار فعال کننده CSS sprites برای ترکیب فایل های جداگانه تصاویر خود استفاده کنید.
از سایزبندی مناسب تصاویر  قبل از آپلود آنها به ابزار تولید کننده CSS اطمینان حاصل کنید. انجام اینکار بعدا بسیار سخت تر خواهد بود زیرا شما نیاز خواهید داشت که آن ها را به کمک CSS، دستکاری کنید که اگر  استفاده از CSS را بلد نیستید سخت خواهد بود.
تولیدکنندگان خوب بسیاری وجود دارند اما فعال کننده مورد علاقه من CSS Sprites Tool نام دارد.
تمام کاری که باید بکنید این است که تصاویر خود را به اینترفیس یا رابط کشیده و بر روی دکمه Generate CSS Sprite کلیک کنید. شما میتوانید تمام تنظیمات دیگر را به صورت پیشفرض رها کنید :

ترکیب کردن تصاویر به کمک تولیدکننده آنلاین CSS Sprite

پس از انجام کار سه بخش زیر را در خروجی خواهید دید:

  1. تعدادی کد CSS
  2. تعدادی کد HTML
  3. فایل تصاویر ترکیب شده

یک نمونه خروجی ابزار تولید سی اس اس اسپریت

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

2. تصاویر ترکیب شده را به آرشیو رسانه های وردپرس خود آپلود کنید

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

آپلود تصویر ترکیب شده در رسانه وردپرس

3. اضافه کردن کد CSS به سایت وردپرس

برای اضافه کردن کد CSS به سایت وردپرس خود به Appearance → Customize → Additional CSS بروید.
سپس کد CSS تولیدکننده Sprites در قدم اول را Paste کنید. همانطور که این کار را انجام میدهید، قسمت Background:url را با لینک مستقیم برای فایل تصاویر ترکیب شده در آرشیو رسانه وردپرس خود جایگزین نمائید:

اضافه کردن کد CSS به سفارشی سازی وردپرس

4. استفاده از کد HTML برای نمایش دادن تصاویر

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

استفاده از کدهای HTML سی اس اس اسپریت

به یاد داشته باشید که این کد HTML را میتوانید از تولیدکننده CSS Sprites در گام اول دریافت نمائید.
که در ظاهر و باطن به  همان صورت دیده میشود. اکنون، بازدیدکنندگان باید یک فایل تصویر را به جای سه تصویر مختلف بارگزاری کنند:

نمایش تصاویر بدون CSS Sprites در ویرایشگر وردپرس

و اینگونه است که میتوان تصاویر را با استفاده از CSS sprites در وردپرس ترکیب کرد!

کار با CSS sprites را امروز شروع کنید

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

برای ترکیب کردن تصاویر به کمک CSS sprites شما میتوانید :
1. از یک ابزار تولیدکننده CSS sprites وردپرس برای ترکیب کردن چندین تصویر به یک عدد استفاده کنید.
2. تصاویر ترکیب شده را به سایت خود آپلود کنید.
3. کد CSS را به سایت وردپرس خود از طریق سفارشی‌سازی وردپرس اضافه کنید.
4. کد HTML فراهم شده را در جایی که باید هر تصویر نمایش داده شود اضافه نمائید.

نوشته آموزش استفاده از CSS Sprites در وردپرس اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
گوگل سایت کیت | راهنمای کامل پلاگین رسمی وردپرس گوگل https://addwebsite.ir/%da%af%d9%88%da%af%d9%84-%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%db%8c%d8%aa-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%84-%d9%be%d9%84%d8%a7%da%af%db%8c%d9%86/ Thu, 13 Feb 2020 05:16:38 +0000 https://addwebsite.ir/?p=968 با گوگل سایت کیت، افزونه رسمی وردپرس گوگل، می‌توان سرویس‎های گوگل را به طور مسقیم و با چند کلیک به پیشخوان وردپرس اضافه کرد. در این مقاله به این افزونه ارزشمند خواهیم پرداخت تا یاد بگیریم چگونه پلاگین گوگل سایت کیت را برای دید شفاف‌تر از وضعیت سایت در سرویس‌های گوگل، به یک یا چند […]

نوشته گوگل سایت کیت | راهنمای کامل پلاگین رسمی وردپرس گوگل اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

پلاگین گوگل سایت کیت چیست؟

google site kit چیست؟

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

  • کنسول جستجوی گوگل
  • گوگل آنالیتیکس
  • AdSense ها و تبلیغات گوگل
  • گوگل تگ منیجر (Google Tag Manager)
  • بهینه ساز گوگل (Google Optimizer)

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

نحوه نصب پلاگین گوگل سایت کیت در وردپرس

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

نصب افزونه google site kit

پس از اینکه پلاگین را فعال کردید، داشبورد و تمام تنظیمات را در منوی نوار وردپرس خواهید دید. هرچند، تنها کسانی که به عنوان کاربر مدیر (admin) وارد شده اند می‌توانند به این پلاگین دسترسی داشته باشند.
همین که  اولین پلاگبن Site Kitرا بر روی سایت خود تنظیم میکنید، دکمه Start Setup را بر روی داشبورد نمایش داده خواهد شد

طریقه نصب افزونه گوگل وردپرس

با یک کلیک بر روی دکمه ،تنظیمات برنامه پلاگین را بر روی سایت وردپرس خود آغاز کنید.

 

تنظیمات سایت کیت گوگل

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

سرویس‌‎های موجود در افزونه google site kit

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

گوگل سایت کیت| چگونه خدمات بیشتری را متصل کنیم

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

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

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

غیر متصل کردن سرویس ها از سایت کیت

داشبورد افزونه Google Site Kit

در داشبورد Google Site Kit بررسی از تمام نقاط کلیدی برای هر سرویسی که به پلاگین Google Site Kit متصل کرده اید، یا مهمترین نقاط کلیدی قدرت و عملکرد هر سورس را خواهید دید.
در ادامه مثالی از استفاده‌های کنسول گوگل، گوگل آنالیتیکس و آنالیز سرعت گوگل (Google Pagespeed Insights) را به شما نشان خواهم داد.
درون داشبورد  میتوانید دوره‌های زمانی برای نشان دادن داده های تمام خدمات را انتخاب کنید. به صورت پیش فرض داده‌های بیست و هشت روز گذشته نمایش داده می شود.

قیف جستجو

قیف جستجو

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

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

محبوبیت

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

محبوبترین‌ها در Sitekit

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

استفاده از view-data در سایت کیت

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

سرعت

آنالیز سرعت در site kit

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

 

چه کسانی باید از پلاگین گوگل سایت کیت استفاده کنند؟

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

مزایای استفاده از Google Site Kit

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

معایب استفاده از Google Site Kit

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

 

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

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

تنظیمات GDPR در Google Site Kit

در اینجا میتوانید چند جزئیات درمورد حساب، مالکیت و داد هایی که برای وبسایت شما نمایش داده میشود را ببینید. برای حذف اسنیپت آنالیزها، شما باید گزینه Remove Snippet را در زیر “Do you want to remove the Analytics snippet inserted by Site Kit” را انتخاب کنید.

حذف Snippet از طریق گوگل سایت کیت

همین! اگر میخواهید بعدا بتوانید داده ها را از طریق گوگل آنالیتیکس باز هم ذخیره کنید، به یک پلاگین GDPR اضافی مانند Borlabs Cookie یا GDPR Cookie Compliance ، نیاز خواهید داشت.
اسنیپت لازم برای گوگل آنالیتیکس به شکل زیر خواهد بود:

استفاده از سایت کیت گوگل به همراه Borlabs Cookie

اگر میخواهید از GDRP و پلاگین e-privacy استفاده کنید، کار با Borlabs Cookie همراه با سایت کیت گوگل در سازگاری با پلاگین های متعادل کننده حفاظت از داده ها نسبتا راحت است. زیرا Borlabs Cookie چیزی به نام مسدود کننده اسنیپت ها یا Snippet Blocker دارد که به صورت خودکار گروه اسنیپت ها را از پلاگین سایت کیت شناسایی میکند.

جمع بندی

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

نوشته گوگل سایت کیت | راهنمای کامل پلاگین رسمی وردپرس گوگل اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
اضافه کردن Favicon به وردپرس در 5 دقیقه https://addwebsite.ir/%d8%a7%d8%b6%d8%a7%d9%81%d9%87-%da%a9%d8%b1%d8%af%d9%86-favicon-%d8%a8%d9%87-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/ Mon, 10 Feb 2020 06:33:02 +0000 https://addwebsite.ir/?p=958 هم اکنون نگاهی به تب مرورگر خود بیاندازید. تصویری که در سمت چپ عنوان صفحه قرار دارد را مشاهده می‌کنید؟ این تصویر کوچک، فاوآیکن نام دارد. Favicon کجا نمایش داده می‌شود؟ تب های مرورگر نوار Bookmark مرورگر اپلیکیشن‌های موبایل به تازگی حتی در نتایج گوگل نیز نمایش داده می‌شود همان‌طور که می‌دانید، Favicon بخش بسیار […]

نوشته اضافه کردن Favicon به وردپرس در 5 دقیقه اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

Favicon کجا نمایش داده می‌شود؟

  • تب های مرورگر
  • نوار Bookmark مرورگر
  • اپلیکیشن‌های موبایل
  • به تازگی حتی در نتایج گوگل نیز نمایش داده می‌شود

همان‌طور که می‌دانید، Favicon بخش بسیار مهمی از وبسایت است؛ به همین دلیل در این مقاله، سه قدم ساده برای اضافه کردن Favicon به وردپرس را بررسی خواهیم کرد

چگونگی اضافه کردن Favicon به وردپرس

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

بخش هویت سایت در سفارشی‌سازی وردپرس

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

انتخاب آیکون سایت در وردپرس

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

تصاویر Favicon بسازید

وردپرس یک تصویر مربعی با سایز 512px x 512px را توصیه میکند. اگر نمیدانید چگونه از ویرایشگرهای گرافیک مانند GIMP، Photoshop یا Sketch استفاده کنید، شما میتوانید این عکس را خودتان بسازید.
اگر مطمئن نیستید که چگونه خودتان تصویر را بسازید پس سری به Favicon.io بزنید. یک سایت رایگان که به شما اجازه میدهد به سرعت تصویر Favicon شخصی سازی خودتان را بسازید.

معرفی سایت ساختن فاوآیکون رایگان

بر روی دکمه “Generate From Text” کلیک کرده و به یک صفحه ویرایش ساده هدایت شوید.

ایجاد فاوآیکون رایگان

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

Favicon خود را آپلود کنید

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

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

از Favicon  جدید و زیبای سایت لذت ببرید

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

نوشته اضافه کردن Favicon به وردپرس در 5 دقیقه اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
چرا ساختار متن برای سئو حائز اهمیت است؟ https://addwebsite.ir/%da%86%d8%b1%d8%a7-%d8%b3%d8%a7%d8%ae%d8%aa%d8%a7%d8%b1-%d9%85%d8%aa%d9%86-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b3%d8%a6%d9%88-%d8%ad%d8%a7%d8%a6%d8%b2-%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%a7%d8%b3%d8%aa%d8%9f/ Sat, 01 Feb 2020 05:31:41 +0000 https://addwebsite.ir/?p=929 ساختار متن سایت برای سئو مهم است. اگر متن ساختار شفافی داشته باشد، شانس شما برای داشتن رتبه بالا در گوگل بیشتر خواهد بود. در این مقاله،  توضیح خواهیم داد که چرا ساختار متن با اهمیت است. مردم چگونه یک متن را به طور اجمالی بررسی می‌کنند؟ قبل تصمیم گرفتن درمورد خواندن و یا نخواندن […]

نوشته چرا ساختار متن برای سئو حائز اهمیت است؟ اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

مردم چگونه یک متن را به طور اجمالی بررسی می‌کنند؟

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

گوگل چگونه یک متن را “بررسی” میکند؟

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

  1. گوگل در تعدادی از امتیازهای خود، سیگنال های رتبه گذاری را به عنوان قرابت معنایی معنی کرده است. قرابت معنایی به کلمات به یکدیگر مرتبط در یک متن با در نظر گرفتن شکل متن است. جهت داشتن توانایی درک قرابت معنایی کلمات، ساختار متن باید شفاف باشد.
  2. در یکی دیگر از امتیازهای خود، “جست و جوگر منطقی” صریحا درمورد عناوین حرف میزند. عنوان  شامل کلیدواژه هایی که برای موضوع یک صفحه به خصوص مهم هستند، میباشند.
  3. با به روز رسانی الگوریتم مرغ مگس خوار، گوگل در شناسایی مترادف‌ها بسیار بهتر عمل میکند.
    موارد بسیاری دیگر نیز وجود دارد که درمورد نقش ساختار متن در درک آن اشاره میکنند. گوگل، در گذر زمان، بسیار در تحلیل محتوا بهتر شده است. هرچه بهتر بنویسید، گوگل راحت‌تر قادر به درک محتوای شما و در نتیجه رتبه گذاری آن میباشد. به علاوه، گوگل در شناسایی دقیق زبان بسیار سخت تلاش میکند. به عنوان مثال در 2019، گوگل BERT، یک مدل تحلیل گر زبان طبیعی (NPL) را معرفی کرد که به گوگل در درک بهتر یک زبان برای ارائه نتایج مرتبط بیشتر کمک میکند.
    نوشتن مقاله هایی که ساختار شفافی دارند، اثر مثبتی در رتبه بندی برای عوامل دیگر نیز دارد. متن‌هایی که ساختار خوبی دارند، روند جهشی کمتری دارند و شانس بیشتری در جلب توجه اجتماعی دارند. این مساله، به خودی خود، منجر به بالاتر رفتن رتبه میشود.

در بهبود ساختار متن به چه نکاتی باید توجه کرد؟

اگر میخواهید ساختار متن خود را بهبود ببخشید، باید به مطالب زیر توجه داشته باشید:
1. اولین پاراگراف متن
2. عنوان ها
3. اولین جمله هر پاراگراف جدید

اولین پاراگراف

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

تمرکز کلیدواژه در پاراگراف اول

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

عنوان ها

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

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

جمله هسته‌ای

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

نتیجه گیری
ساختار متن جهت جلب خوانندگان به بلاگ شما همانند سئو ضروری است. هرچند نوشتن متونی که ساختار خوبی دارند و به خوبی نوشته شده اند، آسان نیست.

نوشته چرا ساختار متن برای سئو حائز اهمیت است؟ اولین بار در بهینه سازی وردپرس. پدیدار شد.

]]>
آیا وبسایت شامل جریمه جستجو می‌شود https://addwebsite.ir/%d8%a2%db%8c%d8%a7-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%d8%b4%d8%a7%d9%85%d9%84-%d8%ac%d8%b1%db%8c%d9%85%d9%87-%d8%ac%d8%b3%d8%aa%d8%ac%d9%88-%d9%85%db%8c%d8%b4%d9%88%d8%af/ Thu, 30 Jan 2020 06:29:38 +0000 https://addwebsite.ir/?p=919 افت در رتبه جستجو ممکن است دلایل زیادی داشته باشد؛ از جمله وجود جریمه جستجو بر روی وبسایت. الگوریتم‌های گوگل به طور معمول تغییر کرده و با گذر زمان نسبت به سایت‌هایی که مقاصد مشخص یا کیفیت تجربه کاربری ندارد آگاه‌تر و هوشمندتر میشوند. اگرچه قربانی یکی از فیلترهای جدید گوگل شدن با جریمه شدن […]

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

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

جریمه علیه فیلترها

گوگل دو راه اصلی برای جریمه کردن وبسایت شما در رتبه های جستجو دارد، یکی از آنها اقدام دستی و دیگر فیلتر است.
در یک اقدام دستی، معمولا یک ارزیاب گوگل متوجه میشود که وبسایت شما ممکن است چند مورد از قوانین کلاه سفید سئو را بشکند. به عنوان مثال، اگر شما چندین لینک click-bait (کلیک برای طعمه) بر روی سایت خود دارید و اما هیچ محتوای مفیدی برای سخن گفتن از آن نداشته باشید، این یک پرچم قرمز(red flag) برای ارزیاب گوگل است.
روش دیگری که ممکن است ارزیاب گوگل از یک اقدام دستی بهره ببرد برای زمانی است که کسی وبسایت شما را به گوگل گزارش دهد.
اگر وبسایت شما یک فیلتر الگوریتم بر روی گوگل را فعال کند، ممکن است تیم ارزیاب را برای یک اقدام هوشیار کند. سایتهای دارای هرزنامه، بدافزار، یا لینک های پولی از هدف‌‎های معمول ارزیابی و اقدامات دستی است. متن های پنهان و استفاده افراطی از کلیدواژه ها نیز از محرک های معمول برای اقدام دستی است.
شما میتوانید اقدام های دستی را با دسترسی به کنسول جستجوی گوگل و کلیک کردن بر روی Search Traffic  یا ترافیک جستجو و انتخاب Manual Actions یا اقدامات دستی را نمایش دهید.
فیلتر ها کمتر و نامحسوس‌‎تر بر روی رتبه جستجو اثر میگذارد. اما، باز هم میتواند در گذر زمان، به ویژه از آنجایی که پیچیده‌تر میشوند، بر روی رتبه شما اثر بگذارد. شما میتوانید اثر فیلتر را بر روی رتبه موتور جستجوی خود به طرزی منطقی و ساده بیابید.

 

پاندا، پنگوئن و مرغ مگس خوار (الگوریتم‌های گوگل)

الگوریتم‌های پاندا، پنگوئن و مرغ مگس‌خوار گوگل

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

 

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

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

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

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

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

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

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

محتوای خود را برای بهترین رتبه جستجو EAT کنید

استفاده از EAT در تولید محتوا

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

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

]]>