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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ابزارهای آنالیز ساده مانند 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 ثانیه اولین بار در بهینه سازی وردپرس. پدیدار شد.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قیف جستجو

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

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

محبوبیت

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

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

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

سرعت

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

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

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

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

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

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

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

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

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

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

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

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

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

جمع بندی

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

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

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 دقیقه اولین بار در بهینه سازی وردپرس. پدیدار شد.

دلایل زیادی وجود دارد، اما  به عنوان یک بازاریاب، تنها یک دلیل برجسته وجود دارد و آن هم اینکه وردپرس بهترین CMS برای سئو است.

در ادامه به بیان 10 دلیل برای این ادعا خواهیم پرداخت:

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

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

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

در وردپرس، ویرایش پرمالینک‌های وبسایت بسیار راحت است؛ به جای داشتن یک URL پر از حروف با ظاهر زشت، میتوانید چیزی شبیه به مورد زیر داشته باشید:

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

وردپرس مدیریت متاداده ها را راحت‌تر می‌کند

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

بهینه سازی تصاویر برای سئو در وردپرس راحت است

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

در اینجا سه روش برای بهینه سازی تصاویر برای رتبه بندی سئوی بهتر ذکر شده است:
• وردپرس به شما اجازه “ساختن Alternative text” یا متون جایگزین برای هر عکس که استفاده میکنید را میدهد. این بدان معنی است که میتوانید کلیدواژه های خود را به عنوان توضیحات تصاویر وارد کنید و این امر توسط خزنده‌های موتور جستجو تشخیص داده میشود.
• به کمک وردپرس، شما میتوانید از پلاگینی که به صورت خودکار برای تصاویر شما alt text می‌سازد استفاده کنید.
• شما میتوانید سایز تصاویر خود را تغییر دهید تا سرعت بارگذاری صفحه را کاهش ندهد.

وردپرس کاربر را با سرعت بارگذاری پایین کلافه نمی‌کند

سرعت صفحه یک عامل رتبه گذاری گوگل در جستجوی موبایل است. پس اگر سایت شما کند است، نه تنها کاربرها را کلافه میکند بلکه در SERP های گوگل نیز شما را پایین‌تر قرار میدهد.
خبر خوب این است که وردپرس پلاگین های بسیار خوبی دارد که به سرعت سایت شما کمک میکند.
به عنوان مثال، ShortPixel Image Optimizer را داریم. این پلاگین اطلاعات PDF و تصاویر سابق شما را فشرده میکند تا زمان بارگذاری سایت را کاهش و سرعت آن را افزایش دهد.
یک پلاگین عالی دیگر برای بهینه سازی سرعت سایت WPOptimize است. این پلاگین سایت شما را در حافظه پنهان و یا همان Cache قرارداده، دیتابیس را پاکسازی میکند، و تصاویر را جهت بارگذاری سریعتر فشرده سازی میکند.

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

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

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

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

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

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

وردپرس پلاگین‌های خارق العاده ای دارد که به صورت ویژه‌ای برای سئو طراحی شده اند

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

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

Google XML Site Maps
با این پلاگین، ساختن سایت مپ‌های XML پیچیده، راحت می‌شود.ساختار سایت را برای درک شدن توسط جستجوگرهای موتور جستجو  راحت میکند.

Google Analytics از Monster Insights
پلاگین گوگل آنالتیک وردپرس هم به عنوان “آسان” و هم “قدرتمند” دسته بندی شده است.
سه دلیل وجود دارد که این پلاگین متمایز است:
•نیاز ندارید داشبورد وردپرس خود را برای دیدن گزارش های آنالیز های گوگل ترک کنید.
•میتوانید بررسی کنید که کدام صفحات سایت شما با جزئیات آماری برجسته تر هستند.
•میتوانید ببینید بر روی هرکدام از بنرهای تبلیغاتی شما، لینک های وابسته، و لینک های خارجی چند بار کلیک میشود.

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

وردپرس راحت با با سایر ابزارهای نرم افزاری ادغام میشود

میدانید که چقدر ادغام وردپرس با Google Analytics و Yoast راحت انجام میشود.
اما اینها تنها ابزارهای نرم افزاری نیستند که شما میتوانید به صورت یکپارچه با وردپرس از آنها بهره ببرید.
چند نمونه دیگر به شرح زیر هستند:
• Comvertkit (برای کمپین های ایمیل، صفحات هدف و فرم ها)
• Sucuri (یکی از بهترین نرم افزار ها برای امنیت)
• G Suite (برای داده های شما، صفحات گسترده و ایمیل ها)
با این ابزارهای نرم افزاری که به نرمی با سایت شما اجرا میشوند، میتوانید تعاملات خود را که در آینده رتبه سئوی شما را افزایش میدهد را ارتقا دهید.

وردپرس قالب‌های سازگار با سئو دارد

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

با استفاده از وردپرس به صفحات اول گوگل برسید

پیدا کردن بهترین CMS برای سئو سخت نیست.
با وردپرس، شما پلتفرمی دارید که سرشار از قالب ها، پلاگین ها و ابزار های سازگار با سئو است.
برای تشویق بیشتر، نگاهی به این داده ها از Gotch SEO بیاندازید.

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

نوشته چرا وردپرس بهترین CMS برای سئو است اولین بار در بهینه سازی وردپرس. پدیدار شد.

آنالیز خوانایی در یواست سئو چه کار انجام می‌دهد؟

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

شما سطح مطلبتان را پایین نمی‌آورید بلکه آن را ارتقا می‌دهید.

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

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

مواردی که هم اکنون در گزینه آنالیز خوانایی مورد بررسی قرار می گیرد

در حال حاضر، یواست سئو موارد زیر را بررسی می‌کند:

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

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

• بررسی سهولت خواندن: این تست که شهرت جهانی دارد، متن را بررسی می‌کند و از 1 تا 100 به آن نمره می‌دهد. هرچه نمره کمتری بگیرید بدین معنی است که مطلب شما برای خواندن دشوارتر است. مطالبی با نمره بالای (نزدیک به 100) بسیار راحت خوانده می‌شوند. این مطالب جملات کوتاهی هستند که معمولا بیشتر از دو بخش نیستند. معمولا، نمره بین 60 تا 70 نمره قابل قبول و نرمالی برای یک پست است.

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

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

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

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

زبان‌های پشتیبانی شده

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

چگونگی استفاده از گزینه آنالیز خوانایی در یواست سئو

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

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

آیا همه دایره‌های مربوط به آنالیز قابل خواندن باید سبز باشد

این پرسشی است که همیشه مطرح می‌شود و پاسخ آن خیر است؛نیازی به سبز بودن همه دایره‌های راهنما نیست، آنچه مهم است سبز و خوشحال بودن دایره سربرگ است(مانند تصویر بالا)

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

نوشته چگونگی استفاده از آنالیز خوانایی در یواست سئو اولین بار در بهینه سازی وردپرس. پدیدار شد.

1. آیا مطلب وبلاگ شما به اندازه کافی طولانی است؟

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

2. آیا مطلب شما اشتباه دستوری و غلط های املایی ندارد؟

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

3. آیا مطلب وبلاگ شما قابل خواندن است؟

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

4. آیا مطلب شما برای سئو مناسب است؟

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

5. آیا پیام شما واضح است؟

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

آیا پیام شما واضح است؟ پس پست شما آماده انتشار است!

6. آیا لینک‌های داخلی به متن پیوند کرده‌اید؟

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

پس، چه زمانی مطلب وبلاگ آماده انتشار است؟

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

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

توضیحات متا چه کار می‌کند؟

متا دیسکریپشن به صورت یک تگ HTML است که در کدنویسی HTML برای صفحه به صورت زیر نوشته می‌شود:

<meta name=”description” content=”A page’s description, usually one or two sentences.”/>

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

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

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

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

مشخصه های یک متا توضیحات خوب

تقریبا در همه مقالات، توضیحات متا شامل این مشخصه ها می شوند:

1. حدود 155 کاراکتر و در برخی موارد بیشتر از این تعداد است.
   طول دقیق و درست برای توضیحات متا وجود ندارد؛ بستگی به پیامی دارد که می‌خواهید منتقل کنید. باید فضای مناسب برای انتقال پیامتان را پیدا کنید، ولی در عین حال سعی کنید توضیحاتتان کوتاه و گیرا باشد.
   هر زمان ممکن است گوگل تصمیم بگیرد تنظیمات طول توضیحات متا را تغییر دهد. امروزه، بیشتر متا دیسکریپشن در حدود 155 کاراکتر هستند و در گزینه “بیشتر” تا 300 کاراکتر نیز دیده می‌شود. حداقل سعی کنید مهم ترین اطلاعات را در همان 155 کاراکتر اول توضیحات متا قرار دهید.
2. اجرایی بودن و داشتن لحن پویا
   اگر توضیحات متا را به منزله دعوت نامه‌ای برای ورود به صفحه‌تان در نظر بگیرید، نمی‌توانید آن را به صورت ” توصیفی استعاری از چیزی که وجود ندارد و با این حال واجد شرایط است” تدوین کنید. این توضیحات کسل کننده هستند و کاربران نمی‌فهمند قرار است به چه چیزی دست پیدا کنند. این مورد بعدا مفصل توضیح خواهم داد.
3. لحن پویا داشتن
   “سلام، ما این محصولات جدید را داریم و شما آن را می‌خواهید. بیشتر راجع به آن بدانید.” این همان چیزی است که درباره لحن پویا و انگیزشی گفتم، ولی می‌خواهم روی آن تاکید کنم. این متن فروش شما است. در این جا محصول را ارائه نمی‌دهید، بلکه لینک دسترسی به صفحه آن محصول را در آن قرار می‌دهید. استفاده از عباراتی مانند: بیشتر بخوانید، موارد بیشتر، توضیحات اضافه، رایگان امتحان کنید و… در این موارد کاربرد دارد.
4. شامل «کلمه کلیدی اصلی» بودن
   اگر کلمه کلیدی جستجو با بخشی از متن در توضیحات متا مطابقت داشته باشد، گوگل تمایل بیشتری به استفاده از آن متا دیسکریپشن و برجسته کردن آن در نتایج جستجو دارد. این به لینک سایت شما شانس بیشتری برای دیده شدن می‌دهد.
5. شامل «مشخصات فنی» بودن
   به طور مثال، اگر محصولی برای خوره های تکنولوژی دارید، تمرکز بر مشخصات فنی محصول، مانند نام تولید کننده، SKU و قیمت می‌تواند ایده خوبی باشد. اگر بازدید کننده به طور خاص به دنبال آن محصول است، احتمالاً مجبور نیستید که آنها را متقاعد کنید و وجود اطلاعاتی مانند قیمت باعث ایجاد کلیک خواهد شد. توجه داشته باشید که داشتن چکیده‌ای قوی نیز می‌تواند کمک کننده باشد.
6. مطابقت با محتوا
   این مهم است. اگر بخواهید با توضیحات متا کاربر را برای بازدید از صفحه فریب دهید، گوگل ممکن است متوجه این موضوع شود و حتی شما را جریمه کند. ولی جدا از این، اطلاعات غلط احتمالا درصد بازدید کنندگانی که تنها با یکبار بازدید صفحه  از سایت خارج می‌شوند را افزایش می‌دهد. این به تنهایی دلیل موجهی است که از نوشتن متا دیسکریپشن غلط پرهیز کنید. دقت کنید که حتما توضیحات متا با محتوای شما مطابقت داشته باشد.
7. تک و منحصر به فرد بودن
   اگر توضیحات متای یک صفحه با دیگر صفحات یکسان باشد user experience در گوگل مختل می‌شود، حتی اگر عناوین متفاوت باشند، به نظر می رسد که تمام صفحات یکسان هستند، چرا که توضیحاتشان یکسان است. اگر عمداً می‌خواهید- نیاز دارید- در وسوسه ایجاد متا دیسکریپشن کپی شده هستید، بهتر است توضیحات را خالی بگذارید. گوگل خودش یک چکیده شامل کلمه کلیدی اصلی را از جستار انتخاب می‌کند.

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

Google Webmaster Tools > HTML Improvements  یا از Screaming Frog SEO Spider استفاده کنید.

اضافه کردن متا توضیحات با یواست سئو

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

صفحات زیادی دارم، از کجا شروع کنم؟

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

عیب یابی در توضیحات متا

مطئنم که می‌توانید به موارد بیشتری اشاره کنید، ولی به نظر من این دو مورد، اصلی ترین معضلات هستند:

•  توضیحات متای من نمایش داده نمی‌شود.
  توضیحات متایی که می‌نویسید برای گوگل یک پیشنهاد است. هیچ تضمینی وجود ندارد که گوگل آن را به نمایش بگذارد. اگر توضیحات متا را نمی‌بینید، احتمالا گوگل خودش برایتان چیزی نوشته است. ممکن است توضیحات متایی که نوشته‌اید به خوبی گویای محتوای شما نباشد و یا متن آن تکراری باشد.
• توضیحات مجزا برای اشتراک گذاری صفحات اجتماعی
  از یواست سئو استفاده می‌کنید؟ در این صورت گزینه اجتماعی را در  متا باکس پایین پست یا صفحه‌تان بررسی کنید. می‌توانید برای اضافه کردن آدرس کانالتان در شبکه‌های اجتماعی، توضیحات اضافه بنویسید. در نسخه پرمیوم یواست سئو، حتی می‌توانید پیش نمایش اجتماعی داشته باشید! اگر از یواست سئو استفاده نمی‌کنید، گزینه OpenGraph یا Twitter Cards را به وبسایت خود اضافه کنید و هر توضیحی می‌خواهید بنویسید.

نوشته چگونه توضیحات متا صحیح بنویسم اولین بار در بهینه سازی وردپرس. پدیدار شد.

ویژوال کامپوزر و WPBakery Page Builder همواره جزء بهترین و محبوبترین صفحه‌سازها در وردپرس هستند که با استفاده از آنها می‌توان بدون دانش کدنویسی صفحات وب را به زیبایی در قالب سیستم مدیریت محتوای وردپرس پیاده سازی کرد.بسیاری از کاربران در شبکه‌های اجتماعی با اشاره به مشکلات به هم ریختگی این صفحه ساز در نسخه‌های 6  به بعد در برخی از پوسته‌ها، درخواست راهنمایی کردند که این مورد را به صورت یک مقاله آموزشی ارائه می‌دهیم، تا این مشکل برطرف شود؛ با سایت افزون همراه باشید تا با روش رفع این مشکل آشنا شوید.

به هم ریختگی در ویرایشگر ویژوال کامپوزر

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

برای رفع این مشکل در ویرایشگر وردپرس، بهترین راهکار افزوندن کدهای زیر به فایل functions.php پوسته فعال وردپرس است:

add_action('admin_head', 'jscomposer_rtl_fix');
 function jscomposer_rtl_fix() {
echo '<style>
.wpdreams-box{float:right !important;}
.vc_controls-row .vc_row_edit_clone_delete .vc_control {
float: left !important;}
.vc_controls>div {
position: relative !important;}
</style>';
}



اگر این کار به درستی انجام شود، مشکل ویرایشگر وردپرس رفع شده و مانند تصویر زیر قابل استفاده خواهد بود.
توجه نمائید که ویرایش کدهای CSS مربوط به قالب تاثیری در رفع این مشکل ندارد، به همین دلیل است که از دستور add_action در فایل functions.php قالب استفاده کرده‌ایم.
 
نوشته مشکل به هم ریختن ویرایشگر ویژوال کامپوزر وردپرس اولین بار در بهینه سازی وردپرس. پدیدار شد.
]]>
					
					https://addwebsite.ir/%d8%a8%d9%87-%d9%87%d9%85-%d8%b1%db%8c%d8%ae%d8%aa%d9%86-%d9%88%db%8c%d8%b1%d8%a7%db%8c%d8%b4%da%af%d8%b1-%d9%88%db%8c%da%98%d9%88%d8%a7%d9%84-%da%a9%d8%a7%d9%85%d9%be%d9%88%d8%b2%d8%b1/feed/
			1