اطلاعات عمومي



بيشتر اوقات اغلب ما به يک روند طراحي سايت به عنوان چيزي بيش از آن نگاه مي کنيم . اما مهم اين است که پشت اين روند را نگاه کنيد تا تاثيرات بازار و جنبش هاي روان شناختي را که بر آنها تاثير مي گذارند و آن را هدايت مي کنند را ببينيد.


امروزه يکي از مهمترين تأثيرات بازار در طراحي سايت ، گسترش سريع دستگاههاي موبايل است که براي مرور وب استفاده مي شوند.تنها اين رشد ادامه خواهد يافت. در ژانويه سال جاري، 8.5 درصد از وب سايت هاي وب جهاني از دستگاه هاي تلفن همراه دستي گرفته شده است و تعداد کاربران تلفن همراه در معرض 1.2 ميليارد عدد قرار دارد .


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


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


Skeuomorphism


با توجه به بعضي ها(که غالبا کم اهميت اند) که بيش از حد استفاده مي شوند، skeuomorphism به معناي حفظ ويژگي هايي از طرح هاي قديمي - اغلب فيزيکي - که در آن اين ويژگي ها داراي يک هدف خاص و يا دليل است ، مي باشد . اين اغلب در برنامه هاي سينت سايزر اپل نشان داده شده است که با «دستگيره» هايي که مي توانيد تبديل کنيد، «لغزنده ها» را که مي توانيد حرکت دهيد، يا «کابل ها» که مي توانيد آن را وصل کنيد، نشان مي دهد.


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



  • پس زمينه بافت يا دانه (textured or grainy)

  • مرز هاي تعيين شده

  • ظاهر متن

  • روبان

  • دکمه هاي 3D


سايه ها


با وجود آنتاگونيسم برخي از طراحان نخبه، طراحي سايت اسکومومورفيک مزاياي بسياري از لحاظ قابليت استفاده دارد. براي مثال ، اين رابط را راحت، دوستانه و آشنا مي سازد. اين محيطي ايجاد مي کند که کاربران به راحتي مي توانند بدون نياز به کليک بر روي دکمه «راهنما»، برنامه را اجرا کنند. اين کاربران را تشويق مي کند تا "براي خودشان فکر کنند" با جذب کردن آنها براي کشف کردن. هنگامي که به درستي استفاده مي شود، طراحان اجازه مي دهند تا به طور موثر با هدف يک برنامه يا وبسايت ارتباط برقرار کرده و به کاربران کمک کنند آنچه را که سريعتر نياز دارند پيدا کنند. بعد از همه، سرعت در مرور تلفن همراه بسيار مهم است.


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


سربرگ مرکزي


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


تايپوگرافي بزرگ


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


 


منبع : https://whitewolfteam.com/blog/web-design/header-design-trends/


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


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


طراحي "خود" را طراحي کنيد


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


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


طرح بندي يک صفحه


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


سازگار براي دستگاه هاي صفحه لمسي


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


HTML و CSS3


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


CSS3 يک روند ديگر براي طراحي سايت است و توسعه دهندگان از آشنايي با آن بسيار خوشحال هستند . شما مي توانيد وب سايت هاي با محتوا را با اامات سبک وزن ايجاد کنيد و صفحات تميز و سريع بارگيري کنيد - چه چيز ديگري مي خواهيد؟ Mastering CSS3 يکي ديگر از نيازهاي شما براي طراحي بيشتر در سايت است.


انيميشن و 3D


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


 


منبع : https://whitewolfteam.com/blog/web-design/trends-web-design-part-two/


متخصصان طراحي سايت مانند Jacob Nielsen و Kyle Soucy اغلب به طراحي صفحه نخست براي موفقيت وب سايت تاکيد کرده اند و اظهار کرده اند که صفحه نخست مهم ترين صفحه يک وب سايت است. هرچند طراحان در سال 2000 دريافتند که مقدار زيادي از ترافيک وب سايت توسط کاربران از طريق رد کردن صفحه نخست و مستقيما هدايت شدن به محتوي داخلي سايت به وسيله ي موتور هاي جست و جو، خبرنامه هاي ايميلي و RSS feed ها بود. که اين موضوع باعث شد بسياري از طراحان به اين استدلال برسند که صفحات نخست برخلاف تصور اکثر افراد اهميت کمتري دارند. ‌Jared Spool در سال 2007 نشان داد که صفحه نخست يک وب سايت در واقع کم اهميت ترين صفحه در وب سايت است.


در سال 2012 و 2013، carousel ها (که به انها اسلايدرها و بنرهاي متحرک نيز گفته مي شد) به يک عنصر طراحي سايت بسيار محبوب در صفحه نخست تبديل شدند که اغلب براي نمايش دادن محتواي جديد و اصلي در يک فضاي محدود استفاده مي شدند. بسياري از طراحان معتقد بودند که carousel ها يک عنصر طراحي سايت بي فايده هستند و به بهينه سازي موتور جست و جو و قابليت استفاده از وب سايت اسيب مي زنند.


حرفه ها


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


شغل هاي بيشتري که ممکن است در ساختن وب سايت کارامد باشند شامل:



  • طراحان گرافيک براي ايجاد جنبه هاي بصري مانند لوگو ها، طرح صفحات و دکمه ها

  • متخصصان بازاريابي اينترنتي براي کمک به برقراري حضور مؤثر وب از طريق راه حل هاي استراتژيک به منظور هدف گيري کردن بازديد کننده هاي سايت و با استفاده از تکنيک هاي بازاريابي و تبليغاتي در اينترنت

  • نويسندگان سئو براي تحقيق و پيشنهاد کردن بهترين و صحيح ترين کلمات براي استفاده در انواع مختلف وب سايت و براي بالا بردن دسترسي پذيري وب سايت و اسودگي دسترسي در تعداد زيادي از موتور هاي جست و جو

  • کپي رايتر هاي اينترنت براي ايجاد محتواي نوشته شده ي صفحات به منظور جذب بازديد کننده هاي هدف سايت


منبع : https://whitewolfteam.com/blog/web-design/homepage-designing/


طراحي سايت استاتيکي


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


تقريبا تمام طراحي سايت ها اندکي محتوي ثابت دارند براي مثال پشتيباني از داده هايي مانند عکس ها و شيوه نامه ها معمولا به صورت ثابت مي باشد حتي در وب سايتي که داراي صفحات ديناميک مي باشد.


طراحي سايت ديناميکي


طراحي سايت ديناميکي در طي زمان وجود وب سايت تغيير مي کنند و توليد مي شوند و از تکنولوژي سمت سرور براي توليد صفحه هاي وب استفاده مي کنند. انها به طور معمول محتواي خود را از يک يا تعداد بيشتري ديتابيس هاي back-end استخراج مي کنند. برخي کوئري هاي ديتابيس در ميان ديتابيس هاي وابسته هستند که فهرست ها را بررسي و يا اطلاعات عددي را خلاصه مي کنند. بقيه ممکن است از ديتابيس هاي سايت ها مانند MongoDB يا NoSQL براي ذخيره کردن محتواي بيشتر(براي مثال پست هاي بلاگ يا مقاله هاي wiki) استفاده کنند.


پروسه


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


تاريخچه


زماني که طراحي سايت هاي ديناميکي براي اولين بار توسعه يافتند، معمولا مستقيما به زبان هايي مانند Perl، PHP يا ASP کد نويسي مي شدند. برخي از اين زبان ها به ويژه PHP و ASP از شيوه اي با يک الگو استفاده مي کردند که از طريق ان يک صفحه ي سمت سرور همانند ساختار يک صفحه ي کامل سمت مشتري بود و اطلاعات در مکان هايي که با تگ ها مشخص مي شدند وارد مي شدند. اين يک راه سريع تر براي توسعه نسبت به کد نويسي صرفا بر اساس آيين کدنويسي زباني مانند Perl بود.


اما امروزه چه مي گذرد ؟


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


اديت کردن محتوي به خودي خود(همانند صفحه الگو) ميتواند هم به وسيله ي ابزارهاي خود وب سايت و هم نرم افزار third-party انجام شود. امکان اديت کردن تمام صفحات فقط براي کاربران خاصي مانند مديران و افراد قراردادي مقدور مي باشد. در برخي موارد خاص افراد ناشناس توانايي اديت کردن محتوي مشخصي را دارند که اين امکان کم تر متداول است. براي مثال مي توان به اضافه کردن نظرها و پيام ها در صفحات تبادل نظر و يا سايت ويکي پديا اشاره کرد.


 


منبع : https://whitewolfteam.com/blog/web-design/kinds-of-websites/


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


اما جمله بالا به آن معنا نيست که مي توانيد از هرگونه تصوير قديمي استفاده کنيد.


بايد از چه نوع تصويري استفاده کرد؟


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


قانون شماره 1


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


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


به قالب بندي تصاوير خود به خوبي فکر کنيد.


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


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


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


رنگ


تصميم‌گيري در مورد تون (Tone) عکس، يکي از اولين انتخاب ها در طول اين مسير است.


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/photo-backgrounds-web-design/


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


چرا بايد مراقب باشيد؟


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


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


در ادامه، به بهترين نکات برجسته در رابطه با گزارشات وب اسپم ها در سال جاري اشاره مي کنيم:


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


سايت هاي هک شده


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


نزديک به 180 هزار گزارش اسپم توسط کاربران تاييد شده است که اين مقدار تقريبا دو برابر سال پيش است و نزديک به 64 درصد از اين گزارش ها مورد بررسي و اقدام هاي لازم قرار گرفته است.


تاثير اسپم ايجاد شده توسط کاربران، بلاگ ها و ساير پلتفرم هاي ديگر نزديک به 80 درصد کاهش داشته است.


نزديک به 4 ميليون پيغام مرتبط با اقدام هاي انفرادي ، از طريق کنسول جستجوي سئو به صاحبان وب سايت ها منتقل شده است (اين مقدار در سال 2017 برابر با 6 ميليون بوده است).


شرکت گوگل گزارش خود را با تأکيد بر مشارکت خود با جستجوگرها، برنامه نويسان و صاحبان سايت و با برگزاري رويدادي به شش زبان زنده دنيا ارائه داده است.


 


منبع : https://whitewolfteam.com/blog/seo/google-webspam-report/


(مترو يک نام کد داخلي براي زبان طراحي مبتني بر نقاشي خط است که توسط مايکروسافت ابتدا براي استفاده در ويندوز فون 7 ايجاد شده بود. اولين استفاده از چهارچوب مترو مانند نقاشي خط به مايکروسافت انکارتا 95 و اِم اِس اِن 2 برمي گردد که سپس در محصولاتي مانند ويندوز مديا سنتر و زون نيز استفاده شد. سپس چهارچوب مترو در سيستم عامل موبايل مايکروسافت (ويندوز فون)، داشبورد بروزرساني ايکس باکس 360 و ويندوز 8 تکامل يافت.


يک نسخه از خانواده فونت Segoe با نام Segoe WP که به طور اختصاصي توليد شده، به عنوان فونت اصلي همه عناصر تايپوگرافي طراحي سايت استفاده مي‌شود. مايکروسافت در نمايشگاه کامپيوتکس تاييد کرد که ويندوز 8 از رابط کاربري مترو الهام خواهد گرفت. مايکروسافت همچنين اصول طراحي مترو را به محصولات و سرويس‌هايي نظير ايکس باکس 360 و ويندوز لايو براي يکپارچه سازي و متمايز کردن رابط کاربري محصولات و سرويس‌هايش اضافه کرد.)


سبک جديد رابط کاربري مترو، يکي از کليدي ترين و مهم ترين ويژگي هاي ويندوز فون 7 است. در حال حاضر، اغلب افراد مي دانند که اين رابط کاربري، توسط مايکروسافت در تمامي محصولات مورد استفاده قرار مي گيرد، که فلگشيپ (Flagship) ويندوز 8 نيز از اين قاعده مستثنا نيست. بنابراين، رابط کاربري مترو در طراحي سايت براي مدت زمان طولاني وجود خواهد داشت و بهتر است که دقيق تر به آن بپردازيم و بيش از قبل آن توجه کنيم.


ويژگي هاي اين رابط کاربري


اصول کار، ساختار، دستورالعمل ها و مشخصه هاي پايه.


مترو، موارد استفاده و .


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


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


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/metro-ui/


هرگز چيزي را که خواهان آن نيستيد دريافت نمي‌کنيد


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


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


در وب سايت Details، چهار چوب Sketch روشي بسيار عالي براي استفاده از سي تي اي هاي متنوع (Diverse) است. در اين طراحي سايت ، شاهد دو سي تي اي براي شروع کار و پيش نمايش کامل هستيم. به سمت پايين وب سايت که مي رويم، داراي سي تي اي براي افرادي است که علاقه زيادي به استفاده از فضاي ابري Sketch دارند. در انتها، در قسمت فوتر (Footer)، بخش خريد و سي تي اي ثانويه براي افرادي قرار دارد که علاقه خود را به اين وب سايت نشان دادند. ممکن است برخي افراد پس از استفاده از اين چارچوب، به خريد نسخه پيشرفته تر آن علاقه مند شوند.


استفاده از CTA متنوع يا Diverse


پشتيباني رويايي، برنامه خدمات مشتري، سي تي اي "تماس با ما" در قسمت نويگيشن طراحي سايت ، بخشي ثابت است. اين مورد معمولاً در اغلب وب سايت ها مشاهده مي شود.


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


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


پاکسازي مسير براي خريد


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


بهتر است نگاهي به هوم پيج طراحي سايت Yellow Card داشته باشيم. اين وبسايت يکي از مثال هاي مرتبط است، زيرا هدف آن ها فروش محصولي خاص است. با اين وجود آن ها دو داراي دو سي تي اي کاملا متفاوت هستند. يک سي تي اي براي اشتراک يا Subscribing و سي تي اي ديگر براي پيدا کردن فروشگاه هاي نزديک به شما. در انتهاي صفحه، سه سيتي مختلف وجود دارند - يکي براي پيدا کردن نزديک ترين فروشگاه، ديگري براي فرم تماس و گزينه اشتراک.


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


صفحه فرود يا لندينگ پيج چيست


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


 


منبع : https://whitewolfteam.com/blog/web-design/landing-page-conversion-rates-2/


هفته پيش گزارشات زيادي در مورد سئو وجود داشت که گوگل با پررنگ کردن مقالات دقيق و کامل در نتايج جستجو آن را انجام داد.ما از گوگل درباره اين سوال کرده بوديم.


گوگل چي گفته ؟


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


گوگل گفته که برنامه نويسي که در همکاري با نوعي از محتوي تغيير يافته استفاده ميشود،و اينکه شبيه به دليلي براي اين است که چرا ابزارهاي رديابي سقوط(ضرري) را در مقالات دقيق و کامل سئو نشان ميدهد.


مقالات دقيق و کامل چي هستند؟


مقالات دقيق و کامل در سال 2013 به عنوان راهي براي پررنگ کردن فرم طولاني تر محتوي سئو از اينکه چه چيزي براي سازماندهي کردن و منابع کيفيت بالا ظاهر ميشود شروع شد.موقع شروع کردن،گوگل اين محتوي را در اين بخش برچسب شده"مقالات دقيق و کامل"در نتايج جستجو نشان داده.در 2015،گوگل برچسب را برداشت و تضاوير کوچک را توسط رابط ضميمه کردند.


ابزارهاي رديابي چه چيزي را نشان ميدهند:مردم در Moz گزارش کردند که مقالات دقيق و کامل از نشان دادن نتايج جستجوي سئو به طور کامل خودداري کردند.


بنابراين،بعد از همه ي نامنظمي آخر هفته،ما 0% از مقالات دقيق و کامل در اين صبح را ميبينيم.هيچ اثري از 3 پک هايي که شمارش صفحات 1 تا 12 را بالا بردند نيست.يا تست هستند يا اکنون کاملا يکي هستند.


Fiveblocks،شرکت ديگري که اين مسيرها را رديابي ميکند،همچنين تائيد کردند که دور شدند:


به واسطه تيم جستجوي ما و شانسمون 500 داده طي روزهاي گذشته جمع آوري شده.اسکرين شات از شرکت هاي خاص بعدا ميايد.


Ari Roth از FiveBlocks به من داده اي را از ابزار IMPACT نشان داد که شروع کاهش ها را در 6 مارس نشان ميداد.
اين اولين بار نيست که گوگل مشکلاتي را در نشان دادن مقالات کامل و دقيق داشته.چند سال پيش آنها براي 17 روز گمشده بودند.


آيا انها دور شدند؟


ما با دقت مقالات دقيق و کامل سئو را رديابي نميکنيم اما وقتي من براي موضوعاتي مثل (عطارد) جتسجو کردم من بعضي مثال ها از جزئيات،فرم طولاني،بادوام بودن محتوي ديدم.بعضي از آنها حتي اسکرين شات مثالهاي ما را در سال 2015 نشان ميدهد.


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


اينجا اسکرين شات از نتايج اصلي که مقالات سئو را بواسطه Verge, Wired and Gizmodo وجو دارد نشان ميدهد.


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


چرا بايد مراقب باشيد؟


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


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


و بر اساس پوشش خبري رتبه بندي شده سئو ،اين ميتونه در بخش شهرت برندها مقداري کمک کند.


عنوان هاي آمازون را که رتبه بندي شده بودند قبول کنيد،براي مثال:"رفتار زشت در $175 بيليون در بازار آمازون." "چرا اينقدر


سخت که از آمازون رهايي پيدا کنيد" و "من سعي کردم آمازون را از زندگيم مسدود کنم،اما اين غيرممکن بود."
اما مقاله Rolling Stoneکه براي عنوان رنبه بندي شده(بانکي در آمريکا):شکست خوردن درست نيست.


 


منبع : https://whitewolfteam.com/blog/seo/whats-going-on-with-in-depth-articles-on-google/


گوگل از هرکدوم در ترجمه چگونه استفاده ميکند؟


neural matching به گوگل براي ارتباط دادن بهتر کلمات در جستجوهاي سئو کمک ميکند ، در صورتيکه RankBrain به گوگل براي ارتباط دادن بهتر در مفهوم ها کمک ميکند .


اخيرا ما زياد درباره neural matching گوگل شنيديم اما حقيقت اينکه ما زياد درباره گوگل که neural matching چي هست و گوگل چگونه از آن براي سئو استفاده ميکنه رو نميدونيم.


گوگل به برخي از سوالات براي ما جواب داده،و و اون جوابها رو در حساب توئيتر @SearchLiaison پست کرده تا سعي کنه واضح کنه که neural matching چي هست و چگونه با RankBrain فرق ميکنه.


neural matching چي هست؟


گوگل توضيح داد" neural matchingيک سيستم هوش مصنوعي گوگل براي سئو است که در ابتداي 2018 مورد استفاده قرار گرفته تا بفهميم چگونه کلمات با مفهوم ها ارتباط دارند."


گوگل اضافه کرد:"اين شبيه يک سيستم هم معني بزرگي است.هم معني ها کلمه هايي هستند که به طور نزديکي با ديگر کلمه ها ارنباط دارند."


اولين باري که Danny Sullivan(خالق Google Search Liason)صحبت کرده بود درباره اينکه اين يک توئيتي حوالي اين بيستمين سالگرد در سپتامبرهست بود. Sullivanگفته "يک تغيير بزرگ در جستجو" توانايي براي فهميدن هم معني ها است."چگونه جستجوي مردم از اطلاعاتي که مردم درباره راه حل ها نوشتند اغلب متفاوت هست؟"


Sullivan گفته گوگل از neural matchingبيش از چند ماه گذشته استفاده کرده بود،بنابراين به طور تخميني از اواخر بهار يا اوايل تابستان 2018.


چند ماه گذشته،گوگل از neural matching استفاده کرده بود،روش هوش مصنوعي سئو ، بهتر کلمات را با تصور کلي ارتباط ميدهند.هم معني هاي عالي،به طريقي،و در 30% پرس و جوها کارساز است.نميدونين "soap opera effect" چي هست تا دنبالش بگرديم؟ما بهتر ميتونيم حلش کنيم.


پ.ن : soap opera effect:يک زبان مصرف کننده اي براي تاثيرات ديداري است


چگونه neural matching کار ميکند؟


گوگل گفته اين کمک ميکنه تا ارتباط کلمات براي جستحوهاي سئو بهتر شوند.مثالي که گوگل به ما داده اين بود که neural matching کمک ميکنه بفهميم که جستجو براي "چرا تلويزيون من عجيب غريب به نظر مياد؟"در ارتباط با مفهوم هاي کلي از"” soap opera effect باشد.در اين مورد،گوگل اکنون قادر است تا صفحات را درباره soap opera effect برگرداند.گوگل گفته:"حتي اگر کلمات صحيح به کارنروند."


گوگل اضافه کرد:"اين شبيه يک سيستم هم معني بزرگي است.هم معني ها کلمه هايي هستند که به طور نزديکي با ديگر کلمه ها ارنباط دارند."


چقدر neural matching مورد استفاده قرار ميگيرد؟


گوگل گفته در سپتامبر 2018 که neural matching حدود 30% از همه پرس و جوهاي سئو کارساز است.ما از گوگل پرسيديم در صورتي که آن افزايش يافته،اما هيچ آپديتي را دريافت نکرده بوديم.


RankBrain چي هست؟آيا شبيه نيست؟


گوگل بهمون گفته در 2016 که RankBrain همچنان يک هوش مصنوعي سئو است،سيستم ماشين يادگيري به گوگل کمک ميکنه پرس و جوها رو بفهمد.


گوگل گفته بهترين راه براي فکر کردن درباره RankBrain سيستم هوش مصنوعي است که در اوايل 2016 مورد استفاده قرار گرفته تا بفهميم چگونه کلمات با مفهوم هاي کلي ارتباط دارند.


خوب فرق بين neural matching و RankBrain چيست؟


گوگل اضافه کرد:


- RankBrainبه گوگل بهنر کمک ميکنه تا صفحات را با مفهوم هاي کلي ارتباط دهد.


- neural matchingبه گوگل بهتر کمک ميکنه تا کلمات را با جستجوها ارتباط دهد.


چرا مشکل دارد؟


حقيقت اينکه،تعداد زيادي بازارياب جستجو که بتوانند بهينه سازي يا سئو را براي RankBrain بهتر انجام بدهند وجود ندارد،همانگونه که در 2016 گفته ايم.وانمود کردن هاي به کار برده شده يکسان براي neural matching،شبيه اين نيست که شما بتوانيد کار به خصوصي رو براي بهتر انجام دادن در اينجا بهتر انجام بدهيد.اين بيشتر درباره فهميدن پرس و جوهاي گوگل و قانع بودن به يک صفحه بهتر از کاريه که در حال حاظر انجام ميدهد.


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


ما از گوگل پرسيديم اگر توصيه اضافي درباره neural matching و RankBrain داشت و گفته بوديم اين توصيه تغيير نکرده است:به سادگي"مفيد خلق کنيد،با کيفيت رضايت بالا"


 


منبع : https://whitewolfteam.com/blog/seo/googles-neural-matching-versus-rankbrain-how-google-uses-each-in-search/


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


شخصا، طي سالهاي زيادي از اين رويکرد استفاده کرده ام، از جمله در کار مشاغل قديمي ، در راه اندازي و در تمام پروژه هاي آزاد اَم.


در اين پست، من شش مزيت استفاده از يک رويکرد طراحي اوليه محتوا را براي شما نام مي برم. من را دنبال کنيد!


1. زمان بندي بهتر پروژه و برنامه ريزي مهلت


مهم نيست که چه کسي مسئول نوشتن محتوا در طراحي سايت است، اينکه شما باشيد ، يا شخص ديگري در تيم تان يا مشتري خود .


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


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


اين فرآيند همپوشاني است


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


2. کمک به برنامه ريزي سايت


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


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


يک نمونه از برنامه ريزي سايت


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


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


نقشه سايت به آساني در دسترس است


داشتن نقشه سايت در اوايل پروژه سودمند است. مهم نيست که چطور مستند شده است - مهم اين است که آن براي همه براي ديدن در دسترس است.


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


ادامه دارد


 


منبع : https://whitewolfteam.com/blog/web-design/copy-first-design/


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


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


چرا اسکرولينگ مجدداً متولد شده است؟


پاسخ آن ساده است، دستگاه‌هاي موبايل!


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


اما عوامل ديگري نيز در اين امر دخيل است. امروزه دسترسي به اينترنت با سرعت بالا، تقريباً در تمامي اماکن امکان پذير است و اين امر باعث مي شود عمليات اسکرولينگ راهي سريع تر براي دسترسي به اطلاعات باشد و مزاياي بيشتري نسبت به کليک کردن بر روي صفحه ها داشته باشد. رشد بي وقفه شبکه هاي اجتماعي نيز از جمله عوامل تاثير گذار بر پيدايش مجدد اسکرولينگ در طراحي سايت است: زيرا عمليات اسکرولينگ باعث دسترسي سريع تر و بهتر به محتوايي مي‌شود که توسط کاربران توليد شده است. (User Generated Content)


ارتباط با عوامل ديگر


همان طور که در راهنمايي طراحي سايت در سال 2015 و 2016 توضيح داده شد، اسکرول طولاني (Long Scrolling) در کنار طراحي سايت تکامل يافت و هنگامي که اين دو با يکديگر ترکيب مي‌شوند، تکنيک‌هاي ايجاد شده به شما امکان مي دهد تا براي کاربران، تعداد بي شمار محتوا توليد کنيد؛ که اين نوع محتوا براي وب، به خصوص دستگاه‌هاي تلفن همراه عالي است.


به علاوه، دکترين (دکترين (به لاتين: Doctrina) مجموعه اي از باورها، رهنمودها و آموزه هاي توصيفي است به شرط آنکه براي مقصودي عملياتي سازمان يابند و نقش راهنما و چهارچوب را بازي کنند. دکترين، فراتر از راهبرد و بنابراين فراتر از سياست و خط مشي است.دکترين ها به ناچار دير يا زود از ايدئولوژي ها زاده مي شوند) فوق العاده‌اي که پيش از اين اسکرولينگ را اجرا مي‌کرد، در حال حاضر به عنوان يک اسطوره در طراحي سايت شناخته شده است.


نتايج به دست آمده


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


 


منبع : https://whitewolfteam.com/blog/web-design/scrolling-web-design/


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


گزارشات


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


گزارشاتي که مبني بر مشکلات فني کنسول جستجوي سئو ي گوگل بوده است هم اکنون برطرف شده است. به نظر مي رسد اين مشکل در نتيجه ايراد فني در گوگل رخ داده است.


جان مولر، يکي از کارکنان شرکت گوگل در اين رابطه توضيح مي دهد:


"براي مدت زمان کوتاهي دچار ايراد فني در ايندکسينگ شده ايم."


او هم چنين اعلام کرد که مشکل ايجاد شده برطرف شده است او و url هاي سئو يي که تحت تاثير اين مشکل قرار گرفته‌اند به طور مجدد پردازش شده اند.


او در توييت خود توضيح مي‌دهد که "بابت مشکل پيش آمده متاسفم و سعي مي‌کنيم که در کوتاه ترين زمان ممکن ايراد پيش آمده را حل کنيم و url هاي تحت تاثير به طور مجدد پردازش خواهند شد. همچنين بسيار خوب است که مي‌بينيم ابزار بازرسي url سئو در چنين مواقعي بسيار خوب عمل مي کند!"


علت اصلي


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


به نظر مي رسد ابزار بازرسي url در چنين مواقعي بسيار خوب عمل مي‌کند.


اين ابزار بازرسي هم اکنون در کنسول جستجوي جديد گوگل قابل دسترسي است و به شما اجازه مي دهد تا URL هاي خاص را بر روي وب سايت تان چک کنيد تا ببينيد که وضعيت آن در فهرست جستجوي سئو ي گوگل به چه صورت است. اين ابزار، شاخص و اطلاعات مربوط به صفحه را به طور مستقيم از فهرست گوگل فراهم مي کند. شما قادر خواهيد بود تا تاريخ آخرين خزش (Crawling)، هر گونه کرالينگ يا خطاي مربوط به ايندکسينگ و URL کانوني صفحه خود را مشاهده کنيد. اين ابزار همچنين قادر خواهد بود خطاهاي مربوط به AMP، خطاهاي داده‌هاي سازمان يافته و مسائل مربوط به نمايه سازي يا ايندکسينگ را به طور کامل نشان دهد.


نتيجه


وجود اين مشکلات، بار ديگر به صاحبان وبسايت يادآوري کرد که آن ها در معرض باگ هاي مهندسي، مشکلات و ساير مسائل فني هستند؛ البته شرکت گوگل براي رفع اين مشکلات به طور منظم کنسول هاي جستجوي سئو ي خود را بررسي و مشکلات پيش آمده را رفع مي کند. به نظر مي رسد اين موضوع در تاريخ 4 و 5 آورل به برخي سايت ها آسيب رسانده است و در نتيجه مشکل يابي شرکت گوگل، هم اکنون با مشکل اينکسينگ در وب‌سايت‌ها مواجه نيستيم.


شرکت گوگل اضافه کرده است که اين مسئله هنوز به طور کامل حل نشده است و تيم فني اين شرکت همچنان به دنبال علت ايجاد مشکل و رفع آن هستند.


 


منبع : https://whitewolfteam.com/blog/seo/google-de-indexing-issue-now-fixed-result-of-technical-issues/


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


استفاده از اين طراحي سايت مانند يک شمشير دو سر است؛ زيرا اغلب طراحان هرگز از استفاده از اين نوع طراحي خسته مي شوند، يا اين که کاملا از آن دوري مي کنند.


اما اغلب افراد به صورت ميانه عمل مي‌کنند. طراحي، به معناي ايجاد مفهومي مفيد است که به خوبي عمل مي‌کند. اگر در مبحث طراحي سايت ، وب سايت مورد نظرتان با طراحي فلت هم خواني دارد، بنابراين آن را به کار بگيريد، اما اين روند ممکن است براي تمامي پروژه ها عمل نکند، بنابراين نبايد آن را به اجبار به کار بگيريد.


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


عدم وجود افکت


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


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


در اين نوع طراحي سايت از هيچ گونه روش طراحي براي سه بعدي نشان دادن اشکال يا مواردي براي واقعي تر به نظر رسيدن عناصر مورد نظر استفاده نشده است.


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


چه چيزي باعث جذاب شدن اين نوع طراحي مي شود؟


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


 


منبع : https://whitewolfteam.com/blog/web-design/flat-design-principles/


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


رويکرد مينيماليست


طراحي سايت تخت يا فلت، به صورت طبيعي امري ساده است و با رويکرد طراحي حداقل يا مينيماليستي کار مي‌کند.


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


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


طراحي "تقريباً" فلت


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


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/flat-design-principles-part-three/


عناصر ساده


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


هر گونه از عناصر رابط کاربري بايد براي کليک کردن يا ضربه زدن کاربران به صورت ساده و آسان طراحي شده باشد. تعامل کاربران در اين گونه طراحي سايت ، بايد به صورت مناسب و بدون نياز به توضيح بيشتر ارائه شود.


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


تمرکز بر روي تايپوگرافي


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


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


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


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


پالت هاي رنگ استفاده شده پروژه هاي طراحي سايت تخت، معمولا شامل بسياري از رنگ ها است. در حالي که اکثر پالت هاي رنگي اغلب بر روي دو يا سه رنگ تمرکز مي‌کنند، اما رنگ هاي استفاده شده در طراحي سايت تخت مي توانند 6 تا 8 رنگ برسند.


 


منبع : https://whitewolfteam.com/blog/web-design/flat-design-principles-part-two/


ابزار بازرسي سئو ي url گوگل هم اکنون url کانوني گوگل را نمايش مي دهد.


شرکت گوگل، اعلام کرد فرمان اطلاعاتي که در مورد سئو براي کاربران مفيد نيست و استفاده زيادي از آن ها نمي کنند را حذف خواهد کرد و همچنين اعلام کرد که ابزار بازرسي url داده هاي مورد نياز کاربران را به آن ها عرضه خواهد کرد.


فرمان اطلاعاتي يا Info Command. فرمان اطلاعاتي، که در مواردي مانند info:searchengineland.com استفاده مي شود هم اکنون url کانوني، براي url هايي که با استفاده از اين اطلاعات وارد کرديد را به شما باز مي گرداند. ابزار بازرسي سئو ي url هم اکنون url کانوني را براي url هايي وارد کرده ايد نمايش مي دهد. بنابراين شرکت گوگل اعلام کرد که فرمان اطلاعاتي ديگر کاربرد خاصي در سئو ندارد و کاربران نيازي به آن پيدا نمي کنند.


پيش از اين، فرمان اطلاعاتي نه تنها url کانوني را نشان مي داد، بلکه پيوندها يا لينک هايي را به Cache، صفحات مشابه، پيوندها، صفحات از سايت و موارد مشابه را نيز نمايش مي داد. شرکت گوگل اغلب اين داده هاي سئو را در نوامبر 2017 حذف کرد.


چه زماني اين اتفاق رخ خواهد داد؟


به زودي Info Command هيچ گونه از اطلاعات سئو ي خود را نمايش نمي دهد. شرکت گوگل، ابزار بازرسي url را به نحوي تغيير داده است تا هر گونه url کانوني را نمايش دهد.


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


بخش کانوني در ابزار بازرسي url


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


هم اکنون براي مشاهده url منتخب سئو ي گوگل به عنوان url کانوني، نياز است تا دسترسي تاييد شده اي به سايت، در کنسول جستجوي گوگل داشته باشيد و url مورد نظر را در ابزار بازرسي url وارد کنيد. پيش از اين، قادر بوديد تا از اين فرمان اطلاعاتي در بخش عمومي کنسول جستجوي گوگل استفاده کنيد.


 


منبع : https://whitewolfteam.com/blog/seo/google-to-retire-the-info-command-adds-canonical-information-to-url-inspection-tool/


اکثرتجارت هاي کوچک، سئو را با استفاده از روش هاي خود و بدون م با متخصصان انجام مي دهند


نزديک به 80 درصد افراد داراي تجارت هاي کوچک، اعلام کردند که دانش و اعتماد به نفس کافي براي دسترسي به بهترين نتايج سئو را دارند.


بررسي که در رابطه با تجارت هاي کوچک انجام شده است، نشان مي‌دهد که اکثريت آن ها اعلام کرده‌اند که بايد استفاده از سئو را آغاز کنند، اما تنها 36 درصد آن ها استراتژي سئو ي مناسب را دارند و به صورت فعال از آن استفاده مي‌کنند. اين مطالعه بر روي 529 تجارت کوچک، که بين 1 تا 50 کارمند دارند انجام گرفته است و نتايج آن اعلام شده است.


علاوه بر 36 درصد ذکر شده، در اين بررسي اعلام شد که 23 درصد اين افراد قصد دارند تا در سال 2019 از قوانين مربوط به سوء استفاده کنند و 15 درصد آن ها اعلام کردند که قصد دارند در سال 2020 و بعد از آن سئو در وب سايت و تجارت خود به کار بگيرند. گرچه از تصميم گيري براي انجام اين کار تا اقدامات عملي راهي بسيار طولاني وجود دارد و ممکن است برخي از آن ها از انجام اين کار پشيمان شوند.


در مطالعه انجام گرفته مشخص شد نزديک به 44 درصد تجارت هاي کوچک، زمان يا پول خود را در سئو هزينه مي‌کنند. اما اين درصد ذکر شده مربوط به تجارت هايي است که بيش از 500 کارمند دارند.


اغلب افراد از سئو در تجارت خود استفاده مي کنند


اغلب تجارت هاي کوچک اعلام کردند که سئو و قوانين مربوط به آن را بدون کمک از متخصصان و مشاوران خبره در اين زمينه و توسط دانش خود انجام مي دهند، همچنين 42 درصد اين افراد از سئو و مشاورين مربوط به آن استفاده مي‌کنند. 28 درصد آن ها اعلام کردند که براي بهبود تجارت و وب سايت خود، از کمپاني ها و شرکت هاي مربوط به بهبود سئو بهره مي گيرند و 50 درصد اين افراد اعلام کردند که از ابزارها و نرم افزارهاي مربوط به سئو استفاده مي‌کنند. تصور مي کنم (نويسنده) که تفاوت و مسئله اصلي، بين افرادي است که از کمپاني هاي مربوط به سئو استفاده مي کنند و آن هايي که از مشاوران مربوط به اين زمينه بهره مي گيرند.


تقريباً 80 درصد از اين تجارت هاي کوچک، اذعان داشتند که اعتماد به نفس يا دانش کافي براي استفاده از بهترين شيوه هاي سئو را دارند. با اين حال، حقيقت امر اين است که نتايج منتشر شده از بازاريابي شبکه هاي اجتماعي اين افراد و تجارت ها، نتايجي متفاوت از ادعاهاي آن ها به همراه داشت.


روش هاي برتر سئو بين تجارت هاي کوچک


در اين بررسي، از تجارت هاي کوچکي که هم اکنون از سئو استفاده مي کنند پرسيده شد که سئو باعث فعال شدن چه اموري در شرکت آن ها شده است؟ بسياري از اين افراد، به طور اشتباه پاسخ دادند: بازاريابي رسانه هاي اجتماعي! اين عبارت يکي از مهم‌ترين تاکتيک هاي اين افراد بود و در واقع بالاترين درصد را به خود اختصاص داد (63 درصد).


 


منبع : https://whitewolfteam.com/blog/seo/majority-of-smbs-doing-seo-are-in-housing/


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


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


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


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


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


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/metro-ui-part-two/


طراحي سايت چشم گيري که ظاهر آن زيبا به نظر مي رسد کاري خوب است اما، وب سايت شما بايد شاخصه‌هايي مهم تر از ظاهر زيبا داشته باشد.


طراحي سايت تجاري را در نظر بگيريد و به 30 ثانيه ابتدايي مراجعه کاربر به وب سايت فکر کنيد. تنها 30 ثانيه کافي است تا فرد مورد نظر نگاه کلي و ديد ابتدايي به اين طراحي سايت را در ذهن خود شکل دهد. وب‌سايت شما ممکن است زمان کم تري براي اين ديدگاه اوليه نياز داشته باشد.


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



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

  • ايجاد احساس و انرژي مثبت در رابطه با تجارت طراحي سايت .

  • ظاهر حرفه‌اي و زيبا.

  • استفاده از فرمت آسان براي استفاده از طراحي سايت .

  • برجسته نشان دادن اطلاعات مهم.

  • ايجاد ديدگاه اوليه مثبت با استفاده از گرافيک ها و نوشته ها.


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


به کارگيري طراحي استراتژيک


موارد که در ادامه ذکر مي شوند را به عنوان مراحلي براي تفکر استراتژيک در رابطه با پروژه طراحي سايت در نظر بگيريد.


اهداف مشتريان خود را تعريف کنيد


بايد بتوانيد به وضوح اهداف مشتريان خود را تعريف کنيد و درک کنيد که انتظار دست يابي به چه موفقيت‌هايي را داريد و طراحي سايت خود را در جهت آن ايجاد کنيد.


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


زمان کافي براي مشاوره و صحبت با مشتريان خود کنار بگذاريد. سعي کنيد سليقه و اهداف آن ها از بازديد يک طراحي سايت را به دست آوريد. بهتر است در رابطه با هدف و مسير خود به نقطه نظر مشترک با مشتريان خود برسيد.


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


مخاطبان خود را بشناسيد


چگونگي تشکيل ديدگاه اوليه نسبت به وب سايت شما، بستگي به طراحي سايت و هدف آن دارد. شناسايي کاربران، تکنولوژي، جنسيت، سن، منافع مشترک و موارد بيشتر، بر انتخاب زيبايي‌شناسي و نوع استفاده از وب سايت شما تاثير زيادي مي گذارد. طراحي سايت آموزشي براي کودکان بسيار متفاوت از وب سايتي براي انجمن هاي بالغ است. قابليت استفاده از وب سايت هاي مربوط به بازي با وب سايت هاي تجارت الکترونيک کاملا متفاوت خواهد بود. جزئيات ديگر مانند اندازه نوشته و سبک، استفاده از گرافيک و انتخاب رنگ تأثير بسزايي بر ديدگاه مخاطبان در طراحي سايت مي گذارد. بهتر است در رابطه با شناسايي مخاطبان خود با وجدان عمل کنيد!


 


منبع : https://whitewolfteam.com/blog/web-design/design-websites-goal/


شرکت گوگل در حال تست نسخه آزمايشي گوگل بوت است که مي تواند محتواي سئو ي بيشتري را رندر کند.


(رداز زدن يا ارائه? ماشيني تصاوير يا نمايان‌سازي يا رندرينگ (به انگليسي: Rendering) فرايند توليد ماشيني تصاوير بر پايه? مدل‌هاي محاسباتي، و سپس، ارائه? رايانه‌اي آن‌ها بر روي صفحه? نمايش را شامل مي‌گردد .در تعريف کلي: رندرينگ به فرايند نمايش تصاوير اجسام سه بعدي (3D) بر روي صفحه? نمايشگر دو بعدي گفته مي‌شود)


شرکت گوگل ممکن است بتواند بسيار پيشرفته تر از قبل وب اپ ها را کرال کند و اين عمليات سئو را زودتر از موعد مقرر انجام دهد.


(Crawling در لغت به معناي دنبال کردن مسير است. اما در دنياي سئو به معناي "دنبال کردن لينک ها" مي باشد. وقتي ربات ها شروع به بررسي سئو ي صفحات سايت شما مي کنند (هر صفحه اي) فقط روي سايت شما متمرکز نيستند و هر صفحه اي را که به سايت شما لينک شده باشد را در نظر مي گيرد. يکي از دلايلي که از نقشه هاي گوگل استفاده مي کنيم، اين است که آن ها شامل تمام لينک هاي موجود در وبلاگ ها و يا سايت ها هستند.)


وب سايت DeepCrawl کشف کرد که شرکت گوگل در حال آزمايش نسخه اي جديد از گوگل بوت براي سئو است که مي تواند وب را درست مانند مرورگر مدرن گوگل کروم رندر کند.


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


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


شرکت گوگل نيز اين آزمايش را تاييد کرده است. مارتين اسپيليت از شرکت گوگل در توييتر خود پستي قرار داده است که به آزمايش جديد سئو ي گوگل اشاره مي کند. مارتين اعلام کرده است که: " 24 ساعته در حال آزمايش قابليت‌هاي شرکت خود هستيم و برخي اوقات اين آزمايشات قابل مشاهده هستند."


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


(در شرايط عمومي Indexing فرايند اضافه کردن صفحات وب، به جستجوي سئو ي گوگل است.بسته به اين که برچسب Meta کدام تگ هاي Index و يا No-Index را استفاده کند.گوگل صفحات شما را جستجو، و فهرست مي کند.بهتر است براي رتبه بندي بالاتر در موتورهاي جستجو تنها بخش هاي اصلي وبلاگ يا وب سايت Index شوند)


 


منبع : https://whitewolfteam.com/blog/seo/google-spotted-testing-version-of-googlebot-that-can-render-more-content/


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


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


رابط کاربري مترو تهيه و اختراع شده است


در روز 18 آگوست 2011 ، اداره USPTO حق اختراع اپليکيشن که توسط مايکروسافت تهيه شده است را ثبت کرد. اين اختراع با عنوان: "حرکت بصري براي بازخورد رابط کاربري" شناخته شده است.


ثبت اختراع رابط کاربري مترو


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


 


منبع : https://whitewolfteam.com/blog/web-design/metro-ui-part-four/


در اکثريت بازارهاي عمده در ايالات متحده آمريکا، شرکت گوگل از شاخص جستجوي سنتي موبايل براي ارائه نتايج سئو ي خدمات محلي (مانند قفل سازي يا لوله کشي) از طريق Google Assistant و Google Home استفاده نمي کند. در عوض، ليست خدمات را با استفاده از زير مجموعه اي از ليست هايي که توسط شرکت گوگل تضمين شده است نمايش مي دهد. بايد بدانيد که اين ليست سئو توسط Home Advisor يا Porch تضمين شده است.


افزوده شدن به ليست


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


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


به تاييد رسيدن


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


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


تا زماني که در رابطه با اين نيازمندي ها با شرکت گوگل صحبت نکرده بودم (نويسنده)، کاملا از آن ها آگاهي نداشتم. حدس مي زنم که اغلب بازاريابان محلي سئو نيز با اين مشکل دست و پنجه نرم مي‌کنند.


رسيدن به آمادگي لازم


در سال 2016 شرکت گوگل اعلام کرد که 20 درصد از ترافيک سئو و جست و جوي موبايل در دستگاه هاي اندرويد مربوط به جستجوي صوتي بوده است. با اين وجود، درصد و ارقام به روز شده اي از حجم جست و جوي انجام گرفته بر روي دستگاه دستيار صوتي وجود ندارد، اما مسئله اي که واضح است اين است که اين ارقام همواره در حال افزايش است و حجم جستجو مسئله اي بسيار مهم است.


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


 


منبع : https://whitewolfteam.com/blog/seo/how-to-appear-in-local-services-listings-in-google-assistant-and-google-home/


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


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


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


اين سيستم، انواع بسياري از انيميشن هاي بسيار جالب را ارائه مي‌دهد.


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


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


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/metro-ui-part-three/


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


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


مثال هايي از رابط کاربري مترو در طراحي سايت


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


Windows UI Concept


Metro Dashboard


Windows 8 Day Mode


Windows 8 Night Mode


Zepppelin


Metro Dribbble


Metro web


Metro Style Form


Experiment with Metro UI


Portfolio


Metrofy


Metro – Personal Portfolio HTML5/CSS3 vCard


MetroStyle


Pressboard – Responsive Social Magazine Theme


Matrix – Responsive WordPress Theme


Windows Phone UK


WinRumors


The Verge


نتيجه گيري


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


 


منبع : https://whitewolfteam.com/blog/web-design/metro-ui-part-five/


تصوير برند


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


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


پروژه هاي طراحي سايت شما نيازمند تصوير مناسب است: اما اطمينان حاصل کنيد که تصوير استفاده شده، برند را به خوبي نمايش مي دهد.


اهداف طراحي


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


از کجا شروع کنم؟ تمرکز بر هدف اصلي ايجاد يا باز سازي طراحي سايت است. اين مثال از اين سه مرحله اوليه است که از افزايش ارقام ثبت نام در سايت به عنوان هدف استفاده مي کند.



  • نوشته "About us" قرار گرفته بر روي هوم پيج در طراحي سايت بايد واضح، دقيق و بدون هيچ گونه علائم تجاري باشد. عملکرد طراحي سايت را توضيح دهيد تا براي مخاطبان خود سردرگمي به وجود نياوريد.

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

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


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


 


منبع : https://whitewolfteam.com/blog/web-design/design-websites-goal-part-two/


تاريخچه کوتاه از AMP


شرکت گوگل AMP را در سال 2015 به عنوان پروژه اي مربوط به منابع باز در سئو ايجاد کرد تا سرعت بارگذاري صفحات را در دستگاه هاي تلفن همراه افزايش دهد و موفق شد تا عملکرد سئو ي وب سايت ها در تلفن همراه را به طور چشمگيري افزايش دهد. شرکت گوگل به شدت نگران اپليکيشن هاي قرار گرفته بر روي موبايل بود که تحت تاثير ترافيک وب براي سئو قرار گرفته بودند و قصد داشت تا راهي براي تشويق مجدد مردم به استفاده از وب سايت بر روي موبايل پيدا کند. در فوريه سال 2016، شرکت گوگل صفحات AMP را درون نتايج جستجوي سئو ي موبايل به کار گرفت.


(AMP يک پروژه تحت نظر گوگل در سئو است که هدف آن افزايش سرعت ارائه محتوا با استفاده از کدهاي ساده مانند AMP HTML در صفحه ابزارهاي کوچک مانند موبايل مي باشد. به عبارت ساده تر، AMP در سئو يک راهي براي ايجاد صفحات وب براي محتواي استاتيک و به صورت HTML ( صفحاتي که بسته به رفتار و عمليات کاربر تغييري نمي کنند) است که باعث بارگذاري سريع آن ها مي گردد و بر روي سئو تاثير مي گذارد .


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


AMP از فريم ورک اپن سورس استفاده مي کند و به همين دليل ديگر شرکت ها براي توليد محتواي سئو و صفحات HTML خود از به راحتي مي توانند از اين فريم ورک استفاده کنند)


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


چرا ناشران بايد Signed Exchange کنند؟


Signed Exchange چيست؟ در ادامه با اين تکنولوژي سئو و توصيف آن توسط شرکت گوگل همراه هستيم.


Signed Exchange در واقع زير مجموعه اي از فناوري در حال ظهور به نام Web Package است که ناشران سئو را قادر مي‌سازد تا محتواي خود را به صورت قابل حمل، يعني براي توزيع مجدد توسط افراد ديگر در دسترس قرار دهند، در حالي که يکپارچگي و اصل محتواي سئو حفظ مي‌شود. محتواي قابل حمل داراي مزاياي فراواني از جمله ارائه سريع تر محتوا براي تسهيل اشتراک آن بين کاربران و تجربيات اينترنتي ساده تر است.


 


منبع : https://whitewolfteam.com/blog/seo/google-announces-signed-exchange-solution-to-deliver-amp-speed-to-publisher-urls-part-two/


راه حل Signed Exchange شرکت گوگل در سئو به منتشر کنندگان اجازه مي‌دهد تا از URL هاي شخصي خود براي صفحات AMP سئو استفاده کنند .


(AMP برگرفته از Accelerated Mobile Pages و يک برنامه متن باز گوگل براي سئو است که با هدف ايجاد اينترنت سريع و راحت تر براي سئو ي موبايل توليد شده است. در واقع AMP راه حليست که گوگل براي مقالات سريع فيسبوک ارائه کرده، بدين معني که پلتفرمي در اختيار شرکت هاي رسانه اي مي گذارد تا به کاربران خود امکان خواندن سريع مقالات سئو بدون نياز به خارج شدن از فيسبوک را بدهند. با استفاده از AMP ، بلافاصله نتايج جستجوي سئو به کاربران نمايش داده مي شود. به دليل اينکه بخش قابل توجهي از محتواي اصلي هر صفحه کنار گذاشته مي شود و صفحه براي نمايش در موبايل بهينه و سئو مي گردد.)


منتشر کنندگان سئو هم اکنون بايد Signed Exchange خود را ايجاد کنند، اما شرکت Cloudfare به آن ها قول مي دهد تا پروژه مورد نظر را براي آن ها راحت کند.


(کلودفلر يک شرکت ايالات متحده است که يک شبکه تحويل محتواي سئو ، کاهش حملات DDoS سرويس‌هاي امنيتي اينترنت و سرويس‌هاي سرويس دهنده دامنه توزيع شده را فراهم مي‌کند، بين بازديد کننده سئو و ارائه دهنده سرويس دهنده کلودفلر به عنوان يک پروکسي مع براي وب سايت‌ها عمل مي‌کند. دفتر مرکزي کلودفلر در سانفرانسيسکو،کاليفرنيا است همراه با دفاتر در لندن، سنگاپور، شامپاين، آستين، بوستون و واشينگتن


اين شرکت توسط سه تن به نام‌هاي Matthew Prince, Lee Holloway, and Michelle Zatlyn در سال 2009 در سانفرانسيکو کاليفرنيا تأسيس شده‌است.)


بيشترين انتقاد انجام گرفته ازAMP در سئو اين بود که نشاني ‌هاي دامنه ناشر يا URL هاي سئو ي دامنه را نشان نمي‌داد. در عوض، کاربران ساختارGoogle.com/amp/ را مشاهده کرده‌اند. شرکت گوگل تلاش کرده است تا مشکلات پيش آمده را حل کند و در ماه نوامبر به توسعه‌دهندگان سئو ي خود راه حلي را پيشنهاد داد.


شرکت گوگل هم اکنون اين راه حل سئو را به صورت رسمي منتشر کرده است که اي ام پي را به URLهاي منتشرکنندگان سئو تحويل مي‌دهد. اين راه‌حل شامل استفاده از Signed Exchange است، که يک چهارچوب فني سئو است که به مرورگر ها اجازه مي دهد تاURL هاي منتشر کنندگان را بر روي جستجوهاي کَش شده ي AMP سئو نشان دهد. اين راه حل هم اکنون بر روي مرورگر کروم 73 يا نسخه هاي بالاتر از آن قابل دسترس است و به زودي براي مايکروسافت نيز فعال مي‌شود.


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


 


منبع : https://whitewolfteam.com/blog/seo/google-announces-signed-exchange-solution-to-deliver-amp-speed-to-publisher-urls/


بازاريابي صحيح باعث مشارکت و سرمايه گذاري مي شود


بازاريابي ، مشتريان بالقوه را در جريان تمامي جنبه‌هاي يک محصول يا خدمات در طراحي سايت قرار مي دهد، و همچنين قادر به پاسخگويي به سوالات مهمي همچون: "اين محصول چيست؟ چه کار مي کند؟ چرا آن را مي‌خواهم؟ چرا اين محصول به دردم مي خورد؟" است.


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


حذف مانع ها براي خريد


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


سخنان پاياني


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



  • چرا از اين تب ها در اين قسمت استفاده کردم؟

  • دليل منطقي انتخاب اين فونت چيست؟

  • چرا تصميم گرفتم اين آي ها را بر روي اين صفحه قرار دهم؟

  • آيا اين رنگ ها با طراحي سايت من هم خواني دارند؟

  • اين وب سايت به چه کساني نمايش داده مي شود؟

  • مخاطبان هدف من چه کساني هستند؟

  • آيا نوشته هاي قرار گرفته بر روي اين طراحي سايت اهداف من را پشتيباني مي کنند؟


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


 


منبع : https://whitewolfteam.com/blog/web-design/design-websites-goal-part-four/


طراحي سايت خود را براي مخاطبان مناسب انجام دهيد


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


تمام موارد طراحي سايت مانند تبليغات، طراحي محصول، نگاه کلي و احساسات وديدگاه هاي صورت گرفته از وب سايت براي گروهي خاص از مردم شکل گرفته اند. طراحي سايت مربوط به فروش موتو سايکل، ممکن است افراد بالغي که بين 20 و 45 سال سن دارند و درآمد آن ها 50 هزار دلار در سال است را هدف گرفته باشد. هدف اين طراحي سايت ها گروه خاصي از مردم است و ممکن است افرادي با اين شرايط محصولات اين طراحي سايت را خريداري کنند، اما مسئله اي که واضح است اين است که گروه ذکر شده هدف اصلي شما است. به همين ترتيب، يک طراحي سايت شخصي داراي مخاطباني کوچک تر با دامنه ي وسيع سني است.


اگر تصور مي کنيد مشتريان براي ثبت نام در طراحي سايت نياز به ارائه مشخصات کامل مالي و شخصي دارند، با اين کار حرفه اي بودن خود را زير سوال مي بريد.


جذب مشتري


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


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


فرم جمع آوري اطلاعات


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


 


منبع : https://whitewolfteam.com/blog/web-design/design-websites-goal-part-three/


براي استفاده از ويژگي جديد URL در سئو ، ناشران بايد يک Signed Exchnge ايجاد کنند که نياز به اخذ يک گواهي دارد، که بر خلاف گواهي ssl است. پس از اخذ گواهي ذکرشده براي سئو ، AMP کش شده، دامنه url منتشرکنندگان را نشان مي دهد.


(نشاني وب[1] يا مکان يکنواخت منبع (به انگليسي: Uniform Resource Locator) يا يوآرال (به انگليسي: URL) مشخص‌کننده? موقعيت مکاني و نحوه? واکشي يک منبع در اينترنت يا شبکه‌هايي مشابه اينترنت است. اين مفهوم با يوآرآي تفاوت مي‌کند.[2] يوآراِل در سال 1990 توسط تيم برنرز-لي بعنوان بخشي از يوآرآي ساخته‌شد.)


مزاياي تجزيه و تحليل و برند


اولين شريک و همکار گوگل در پروژه مذکور براي سئو ، شرکت کلادفر است که مزاياي پيش بيني شده زيادي را در اين مشارکت به دست مي‌آورد:


نام تجاري


منتشرکنندگان سئو قادر خواهند بود تا ترافيک AMP خود را مستقيماً به دامنه وب سايت اوليه انتقال دهند.


تجزيه و تحليل هاي آسان


تمامي بازديدکنندگان، AMP يا ساير افراد، مي توانند در دامنه يکسان سئو همکاري کنند.


فضاي بيشتر براي محتوا


ناشران سئو از طريق حذف نوار خاکستري AMP، فضاي اضافي در بالاي صفحات خود براي تبليغات يا نام تجاري خود در اختيار دارند.


کاهش ميزان Bounce Rate


بازديدکنندگان سايت براي سئو ممکن است اعتماد بيشتري به url هاي ناشران داشته باشند و تمايل بيشتري به بازديد و باقي ماندن در دامنه هاي مورد نظر داشته باشند.


(نرخ دفع کاربر (انگليسي: Bounce rate) يک اصطلاح در زمينه بازاريابي آنلاين و سئو است.


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


اگر درصد پرش کاربران يا بانس ريت بالا باشد به اين معناست که بازديدکننده‌هاي بيشتري بعد از وارد شدن به سايت و بررسي يک صفحه سئو به بازديد ساير صفحات تشويق نشده يا مورد جذابي براي حفظ کاربر در سايت وجود نداشته و کاربران بيشتري بلافاصله بعد از ورود سايت را ترک کرده‌اند.)


کلادفر، در حال حاضر تنها شبکه توليد محتوا است که با AMP Signed Exchange کار مي‌کند، اما چندين رقيب براي اين شرکت وجود دارد که شايد به سرعت وارد ميدان رقابت سئو شوند.


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


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


تمامي اين سوالات در آينده نزديک توسط شرکت گوگل و همکاران کلادفر پاسخ داده خواهد شد، اما به نظر مي رسد که شرکت گوگل به زودي قادر خواهد بود تا url هاي واقعي را در AMP به کاربران خود تحويل دهد.


 


منبع : https://whitewolfteam.com/blog/seo/google-announces-signed-exchange-solution-to-deliver-amp-speed-to-publisher-urls-part-three/


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


اين نويگيشن بار تمام پيوند هاي منو را به همراه فرم جستجو در بالاي صفحه طراحي سايت قرار مي دهد. اين فرم جستجو براي دسترسي آسان ساخته شده است و در سمت راست ناوبري قرار دارد و رابط کاربري طراحي سايت آن براي تمامي دستگاه ها پاسخگو است. براي استفاده از اين تکنيک بايد منوي همبرگر مانند را به‌عنوان منوي پيش فرض براي تمامي صفحات نگه داريد. اين ايده ممکن است براي تمامي افراد کارايي نداشته باشد. براي طراحي فرم هاي دروني در طراحي سايت ، بهترين راه، استفاده از سبک هايي مانند Cartoon Brew يا وب سايت Design Modo است .


فرم هاي قابل انعطاف کامل


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


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


طراحي سايت Push Square، از ترکيبي از تکنيک هاي متفاوت براي فرم جستجوي خود استفاده کرده است که در قسمت راست بالاي صفحه قرار گرفته است. با کليک کردن بر روي ذره بين جستجو، فيلد جستجو تمام صفحه را در بر مي گيرد. اهميتي ندارد که از يک دسکتاپ 1900 پيکسل استفاده مي کنيد يا از صفحه نمايش تلفن همراه که 320پيکسل است بهره مي گيريد، اين فيلد جستجو مي تواند با تمامي صفحات نمايش به طور مناسب هم خواني پيدا کند.


طراحي فرم جستجوي شما


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


 


منبع : https://whitewolfteam.com/blog/web-design/responsive-search-forms-part-three/


اگر فضاي کافي در نويگيشن بار طراحي سايت خود داريد، مي توانيد اين روش را امتحان کنيد.


يکي ديگر از طراحي سايت هايي که از تکنيک مشابه استفاده مي کند وب سايت SkinnyTies است.


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


Modal تمام صفحه


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


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


مي‌توانيد مثال واضحي از اين مدل را در Full Home Living مشاهده کنيد که مدال جستجو، تمامي صفحه طراحي سايت را در بر مي گيرد.
استفاده از اين مدل توجه هاي زيادي را به خود جلب مي کند و تمرکز کاربران را به سمت فرم هدايت مي‌کند. اين ابزار به نحوي طراحي شده است تا به طور کامل ريسپانسيو باشد و استفاده از آن راحت باشد و يکي از نشانه هاي اين مدال در طراحي سايت اين است که مي توانيد تنها با يک اشاره کوچک آن را ببنديد.


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


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


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


ورودي هاي پاسخگوي درون خطي (Inline Responsive Inputs)


فرم هاي خطوط دروني پويا، فيلدهاي جست و جوي مخفي دوگانه اي را در کنار منوهاي کشويي طراحي سايت پيشنهاد مي کند.


با استفاده از فرم جستجو درون خطي، مي توانيد بخش جستجوي طراحي سايت را به ناوبري خود منتقل کنيد، اما آن را به صورت درون خطي قرار دهيد. درون طراحي سايت Designmodo از اين مدل بهره گرفته شده است و انتخاب، نمونه اي محبوب براي اغلب وب سايت ها است. براي مثال، طراحي سايت Cartoon Brew را بررسي کنيد. قسمت نويگيشن آن ها داراي يک ذره بين جستجو است که به صورت واضح قابل مشاهده است، اما تا هنگامي که قصد جستجو در وب سايت را نداشته باشيد، فرم جستجو قابل مشاهده نيست.


 


منبع : https://whitewolfteam.com/blog/web-design/responsive-search-forms-part-two/


روش ها و روند هاي رايج براي طراحي سايت


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


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


رايج ترين ويژگي جست و جو در طراحي سايت ، فرم جستجوي کشويي (Dropdown Form) است. اين نوار را مي‌توان از طريق قرار دادن لينک در قسمت نويگيشن بار ايجاد کرد که مي توان از طريق آن، جستجو را فعال يا غير فعال کرد. از آن جايي که بسياري از طراحي سايت ها از نويگيشن ثابت استفاده مي‌کنند، حفظ فيلد جستجو در تمامي قسمت هاي طراحي سايت کار آسان تري است.


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


سايت خبري Search Engine اين کار را به سرعت و راحتي در قسمت بالاي صفحه خود انجام داده است.


اين طراحي سايت از آي ذره بين مانندي کمک مي گيرد که در قسمت بالاي وب سايت قرار گرفته است و براي تمام کاربران قابل مشاهده است.


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


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


Problogger يکي ديگر از مثال هاي خوب در اين زمينه است که عملکرد آن در موبايل و دسکتاپ کمي متفاوت است.


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


 


منبع : https://whitewolfteam.com/blog/web-design/responsive-search-forms/


هنگام يکه بازديد کنندگان به طراحي سايت جديد سر مي زنند، معمولا هيچ ايده اي ندارند که از کدام قسمت وب سايت بايد بازديد خود را شروع کنند. آن ها اغلب به دنبال لينک هاي نويگيشن هستند که ممکن است اطلاعات مورد نياز آن ها را تامين کند، اما جديدترين روندي که با عنوان Start Here شناخته مي شود، تجربه اي بسيار بهتر براي کاربران به ارمغان مي آورد.


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


وب سايت تان را معرفي کنيد


بزرگ ترين و مهم ترين دليل استفاده از صفحه Start Here، معرفي کردن طراحي سايت تان به بازديدکنندگان جديد است. از آن جايي که هر طراحي سايت مقالات و اطلاعات متفاوتي براي ارائه به بازديدکنندگان خود دارد، بنابراين صفحات Start Here اهداف مختلف را بر اساس محتواي قرار گرفته درون طراحي سايت دسته بندي مي کند.


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


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


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


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


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


 


منبع : https://whitewolfteam.com/blog/web-design/design-trends-start-pages/


باور آن سخت است، اما سال 2019 به آن معناست که در حال اتمام دهه اخير هستيم. اينترنت با سرعت زيادي رو به رشد است و طي 10 سال گذشته با تغييرات زيادي مواجه شده است: در 10 سال اخير شاهد به وجود آمدن ويژگي‌هاي مانند AR, VR, Al, AMP و بسياري ويژگي هاي ديگر در طراحي سايت بوده ايم. همان طور که تکنولوژي هاي کشف شده هيجان زيادي براي کاربران و مخاطبان خود به ارمغان آورده‌اند، اين تغييرات را در دنياي طراحي سايت نيز بارها مشاهده کرده ايم.


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


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


10 روند طراحي سايت که در سال 2019 مورد توجه قرار خواهند گرفت



  • Serif بر روي صفحه

  • (سِريف (به انگليسي: Serif) اصطلاحي است که براي اشاره به نوعي از قلم‌ها در تايپوگرافي به مي‌رود که در قسمت‌هاي پاياني نقوش هر حرف يک کشيدگي کوچک قلم وجود دارد. براي نمونه مي‌توان به تفاوت در نمايش حرف T در قلم Times New Roman (قلم سريف) و T در آريال (يک قلم سنزسريف) اشاره کرد

  • پالت هاي سياه و سفيد

  • اشکال طبيعي و ارگانيک

  • هنر نقاشي

  • تعاملات ميکرو يا ميکرو اينتراکشن

  • تکامل چت باکس

  • محتواي ويديويي

  • مينيماليسم

  • نويگيشن با انگشت کوچک

  • تنوع


سريف بر روي صفحه


همه ما شنيده ايم که سريف ها براي پرينت مورد استفاده قرار مي گيرند و سن (San) براي صفحه نمايش هستند. اما اگر طراحان وب به اين قوانين را به درستي رعايت نکنند، بنابراين بايد چه روندهايي را براي طراحي سايت خود به کار بگيرند؟
(سريف (Serif) در واقع به خطوط کوچک يا زائده‌هايي گفته مي‌شود که در نقاط پاياني يک حرف، رقم يا نماد افزوده مي‌شود. صورت‌هاي نوشتاري (فونت‌هايي) که داراي اين خطوط کوچک در اجزاي نوشتاري خود هستند را فونت‌هاي سريف مي‌نامند. در مقابل، فونت‌هاي سنزسريف (Sans-serif) به فونت‌هايي گفته مي‌شود که داراي اين زوائد نيستند (واژه sans به معناي “بدونِ …” مي‌باشد و از زبان فرانسوي گرفته شده است).)


 


منبع : https://whitewolfteam.com/blog/web-design/web-design-trends-2019/


در دنياي امروز طراحي سايت که پر از تکنولوژي است ، داشتن يک سايت منحصر به فرد و به روز غير قابل يک امتياز بزرگ محسوب مي شود .


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


وقتي در پاسخ به اين سوالات دچار مشکل مي شويد نگاهي به طراحي سايت هاي ديگر بيندازيد و خلاقيت خود را تقويت کنيد .


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


پينترست


فوايد


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


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


مضرات


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


Designspiration


طراحي سايت Designspiration تا حدودي مانند پينترست است . مثل پينترست ، طراحي سايت اين وب به شکلي است که مردم مي توانند عکس ها ، مقالات يا چيز هاي الهام بخش را ذخيره کنند . فقط با Designspiration همه چيز به طراحي وابسته است .


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


 


 منبع : https://whitewolfteam.com/blog/web-design/10-of-the-best-sources-for-web-design-inspiration/


به نظر مي رسد باگ جديدي درباره سئو از شرکت گوگل به دست آمده است .


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


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


اسکرين شات ها


اگر در باکس جست و جو عبارتي مانند site:example.com وارد کنيد و را روي يک ساعت گذشته قرار دهيد ، هيچ نتيجه سئو يي به شما نمايش داده نمي شود .


يک ساعت گذشته


کاملا روشن است . شما بايد نمايش نتايج سئو را روي يک ساعت گذشته تنظيم کنيد . در غير اين صورت گوگل به شما نتايج سئو را نشان خواهد داد . اما اين نتايج مربوط به يک ساعت گذشته نيستند .


اين فقط به اين معني نيست که نتايج سئو ي برخي سايت ها به درستي کار نمي کنند . حتي سايت هايي مثل گرگ سفيد نيز دچار اين مشکل شده اند . اگر را روي يک ساعت گذشته و نام دامنه را روي گرگ سفيد تنظيم کنيد نتايج سئو ي غير مرتبطي به شما نمايش داده مي شود .


آيا اين مورد يک باگ است ؟


به نظر مي رسد که اين مورد يک باگ در سئو باشد اما ما مطمئن نيستيم که باگ ايندکسينگ است يا مشکل جست و جوي گوگل است يا مربوط به مورد ديگري است ! ما با گوگل ارتباط برقرار کرديم و اين مورد را گزارش داديم .


چرا مهم است ؟


اگر شما جزو کساني هستيد که محتويات تازه سئو ايجاد مي کنيد ، افرادي که جست و جو مي کنند ممکن است مطالب سئو ي شما را پيدا نکنند .


مشکلات اخير گوگل


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


در ادامه گوگل مشکل سئو ي شديدي در زمينه تشخيص آدرس اصلي صفحه لندينگ ( canonical ) و اخبار گوگل داشت . اين چند ماه براي گوگل به سختي گذشت چون مشکلات سئو تمام شدني نبود .


گوگل تاييد کرده است که اين مشکل سئو وجود دارد و هم اکنون در حال تلاش براي رفع اين مورد هستند .


 


منبع : https://whitewolfteam.com/blog/seo/google-not-indexing-recent-content-a-new-google-bug/


در مقاله هفته پيش به طور مختصر در مورد الگوريتم پانداي گوگل توضيح داديم .


مي خواهيم به طور خلاصه به سوال " الگوريتم پانداي گوگل چيست ؟ " پاسخ دهيم .


تعريف الگوريتم پاندا


هدف الگوريتم پاندا امتياز دهي به صفحات و وبسايت شما است .


اين کار بستگي به فاکتور هاي سئو يي دارد که گوگل مي تواند به آن ها امتياز دهد يا به طور الگوريتمي تشخيص داده مي شود .


سخنان Gary Illyes را که در سايت SearchEngineLand با هم مي خوانيم :



پانداي گوگل کيفيت سئو ي يک سايت را حداقل با بررسي کردن اکثر صفحات آن به خوبي اندازه گيري مي کند .


اما به طور اساسي به ما اجازه مي دهد که کيفيت کل سايت را در حساب آن ذخيره کنيم .


ما از اين کيفيت براي رتبه دهي سئو به صفحاتي استفاده مي کنيم که مربوط به آن سايت مي شود .


سپس رتبه مورد نظر به آن سايت داده مي شود .


پس اگر يک جواب مشخص مي خواهيد ، اين موضوع بي ارزش نخواهد بود .


اتفاقا به طور برعکس اين موضوع باعث پايين آمدن رتبه ها مي شود .


به طور اساسي ، ما متوجه شديم سايتي که سعي مي کند سيستم ما را بازي دهد متاسفانه موفق شده است .


پس ما رتبه سئو ي اين سايت را تنظيم مي کنيم .


ما اين سايت را به رتبه هاي پايين تر مي فرستيم تا مطمئن شويم ديگر مثل قبل نمي تواند ما را گول بزند .



با توجه به اين صحبت ها متوجه شديم که الگوريتم پاندايي که در حال حاضر فعاليت مي کند وظيفه اش چيست .


وظيفه الگوريتم پاندا


صفحات کم کيفيت و کم محتوا را به خوبي براي شما توضيح دهيم .


وظيفه اين الگوريتم کنترل اين صفحات است .


پاندا از اين که اين صفحات رتبه خوبي دريافت کنند جلوگيري مي کند .


پاندا هميشه در حال توسعه است .


سيگنال ها مي توانند بيايند و بروند .


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


اين کار زماني انجام مي شود که بر اساس نشانه هايي از طرف کسي انجام شود که گوگل آن را تاييد مي کند .


John Mueller از شرکت گوگل بيان کرد :



خوب بنابراين اين چيزي نيست که ما بخواهيم بگوييم :


اگر سايت شما قبلا تاثير گرفته است ، خوب هميشه تاثير خواهد گرفت .


يا اگر قبلا تاثير نگرفته است هيچ گاه تاثير نخواهد گرفت .


گاهي اوقات ما معيار ها را عوض مي کنيم .


من اين مورد را مثل چيزي نمي بينم که پاندا انجام مي دهد .


اين خيلي بد به نظر مي رسد .


در مورد الگوريتم پاندا در پست ها سوال کنيد .


قابليت هايش را بپرسيد و روي سئو ي خود بيشتر کار کنيد .



منبع : https://whitewolfteam.com/blog/seo/what-is-google-panda/


بهره وري از نرم افزار


وقتي که شما طراحي سايت مي کنيد بايد با نرم افزار هاي طراحي آشنايي داشته باشيد .


در عصر امروز دو تا از بزرگ ترين نرم افزار هاي طراحي فتوشاپ و ايلاستريتور هستند .


شما بايد در استفاده از هر دوي اين نرم افزار ها مهارت داشته باشيد .


در غير اين صورت در دنياي طراحي سايت دوام نخواهيد آورد .


اگر شما ندانيد که چگونه از اين ابزار شگفت انگيز استفاده کنيد هيچ گاه با پايه هاي ويرايش عکس را درک نخواهيد کرد .


هر چقدر هم که خوب طراحي اوليه انجام دهيد و مفهوم سازي کنيد :


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


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


مي توانيد از ابزار هاي رايگان مثل Photopea ، Gimp يا Inkscape استفاده کنيد .


اين ابزار مي توانند بهترين راه حل را به شما ارائه دهند و بهترين جايگزين براي ابزار پولي باشد که در بازار وجود دارد .


دانش طراحي ريسپانسيو


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


زيرا بحث وب هم اکنون حول ريسپانسيو بودن مي چرخد .


طراحي ريسپانسيو کليدي براي توسعه تمام پروژه هاي وب در دنياي امروزي است .


سايت هاي ريسپانسيو اين حقيقت را نشان مي دهد که :


عناصر وبسايت شما صرف نظر از اندازه اسکرين و نوع دستگاه همه جا قابل استفاده هستند .


طراحي سايت ريسپانسيو اين واقعيت را اطمينان مي دهد که محتواي شما به کاربر داده مي شود .


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


وقتي يک سايت طراحي ريسپانسيو دارد ، اطمينان مي دهد که مردم بيشتري را بدون هدر دادن تجربه کاربري جذب مي کند .


بنابراين ، اگر يک طراح هستيد مطمئن شويد که طراحي خود را از همان ابتدا در ذهن به صورت ريسپانسيو انجام مي دهيد .


در قسمت بعدي مورد آخر را به صورت کامل براي شما شرح خواهيم داد .


مورد آخر مهم ترين موردي است که هر طراح بايد به آن اهميت دهد .


احتمالا خودتان بتوانيد حدس بزنيد عنوان آن چيست !


بله ، تجربه کاربري يا UX يکي از مهم ترين عوامل در طراحي سايت و سئو است که بايد به طور کامل آن را در نظر بگيريد .


پس هفته آينده نيز با ما همراه باشيد .


منبع : https://whitewolfteam.com/blog/web-design/7-must-have-skills-every-successful-web-designer-should-have-part-three/


Gary Illyes در سال 2017 بيان کرد :



ما هر روز به طور متوسط سه آپديت داريم .


من فکر مي کنم هيچ خطري ندارد که بگويم اخيرا يک آپديت بزرگ داشتيم .



گوگل الگوريتم هاي زيادي براي سئو دارد که هر سال آپديت مي شوند .


اين آپديت ها که به کيفيت مربوط مي شوند يادآور آپديت هاي الگوريتم پاندا هستند .


علاوه بر اين ، تعداد سايت هايي که تحت تاثير اين آپديت قرار مي گيرند در يک بازه زماني يکسان بسيار زياد است .


اکثر اوقات اين الگوريتم ها روي تکنيک هاي کم کيفيت سئو تمرکز مي کنند .


پس از تمرکز رتبه سايت هاي مربوطه پايين آورده مي شود .


اين همان چيزي است که پاندا انجام مي دهد .


از قبل نيز مي دانستيم که وظيفه پاندا بررسي تکنيک هايي است که کيفيت پاييني دارند .


اغلب اوقات ، گوگل سه يا چهار آپديت بزرگ سئو در يک سال منتشر مي کند .


اين آپديت ها روي چيز هاي متفاتي تمرکز مي کنند .


اما خوب اين آپديت ها هر روز نيز تغييراتي ايجاد مي کنند .


در اين مقاله سعي مي کنيم به طور خلاصه در مورد پاندا و وظايف آن توضيح دهيم .


اما توضيحات کامل تر و دقيق تر در مقاله بعدي گفته خواهد شد .


الگوريتم پانداي گوگل چيست ؟


در ابتدا مي خواهيم تغريف خود گوگل درباره پاندا را براي شما ذکر کنيم :



پاندا الگوريتمي است که روي عملکرد کلي سئو ي سايت ها نظارت مي کند .


اين الگوريتم به يکي از سيگنال هاي اصلي ما براي رتبه بندي در سئو تبديل شده است .


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


اين الگوريتم سئو به گوگل اجازه مي دهد که کيفيت هر سايت را نگهداري کند .


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



هدف پاندا اين است که به کيفيت صفحات و وبسايت شما رتبه دهد .


اين کار بر اساس چيز هايي انجام مي شود که گوگل مي تواند به آن ها امتياز دهد يا از طريق الگوريتم ها شناخته مي شود .


در مقاله بعدي که هفته بعدي منتشر خواهيم کرد سعي مي کنيم در مورد الگوريتم پاندا و چگونگي تاثير آن روي سئو بيشتر توضيح دهيم .


همچنين مصاحبه Gary Illyes که با سايت searchengineland انجام داده است را براي شما خواهيم آورد .


پاندا الگوريتم مهمي براي گوگل محسوب مي شود .


پس حتما سعي کنيد به اندازه کافي در مورد پاندا و تاثيرات آن روي سئو مطالعه داشته باشيد تا دچار مشکل نشويد .


منبع : https://whitewolfteam.com/blog/seo/google-quality-algorithm-updates/


مهارت هاي خوب براي ترکيب


اگر مي خواهيد که سر پا بمانيد :


براي هر نوع طراحي سايت ترکيب چيزي است که شما نمي توانيد آن را ناديده بگيريد .


نظم و ادغام عناصر بصري ، متن ، عکس و ساير عناصر کل طراحي را هنرمندانه و ثمربخش مي کند .


يک ترکيب کامل ، هماهنگي بصري طراحي سايت را که شما با سلسله مراتب ايده ها ساخته ايد با خود مي آورد .


به طور اساسي هر ترکيب معتبري بايد محتواي مهم را پر اهميت جلوه دهد .


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


يک ترکيب خوب داشتن يک تعادل درست را با فضاي منفي ، عناصر متناسب و تضاد نشان مي دهد .


هميشه به محيط خود توجه داشته باشيد .


هر چقدر بيشتر به محيط اطراف مثل فيلم ها ، نقاشي ها ، بنر ها و طراحي سايت ها دقت کنيد :


بهتر مي توانيد مفهوم کلي را درک کنيد و تازگي را در طراحي سايت خود القا کنيد .


مهارت هاي لازم در تئوري رنگ ها


وقتي که صحبت از مهارت هاي طراحي سايت مي شود که يک طراح بايد داشته باشد ، هيچ راهي نيست که بخواهيد تئوري رنگ ها را ناديده بگيريد .


بحث هاي پايه اي مثل ترکيب کردن رنگ هاي پايه براي ساختن رنگ هاي جديد به شما کمک مي کند رنگ آميزي جذاب و خوبي داشته باشيد .


وقتي که يک طراح سايت هستيد ، اين مسئوليت با شماست که در مورد چرخه رنگ ها اطلاعات داشته باشيد .


همچنين بايد در مورد :



  • رنگ هاي مشابه

  • تضاد رنگ ها

  • رنگ هاي مکمل

  • جگونگي تعامل آن ها


اطلاعات لازم را داشته باشيد .


يک اشتباهي که اکثر طراحان سايت انجام مي دهند استفاده از رنگ هاي درهم است .


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


اما مورد ديگري که وجود دارد اين است که ترتيب بندي شما غير قابل خواندن خواهد شد و در نهايت زشت مي شود .


وقتي که داريد هدر يک طراحي سايت ، عناصر دستوري و متون را انجام مي دهيد مطمئن شويد که :


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


اين که بدانيد چه زماني از سايه ها ، شفافيت ، تضاد و ترکيب استفاده کنيد چيزي است که يک طراح را با ارزش مي کند .


در قسمت بعدي اين مقاله به موارد بعدي خواهيم پرداخت تا شما با اين مهارت ها بيشتر آشنا شويد .


منبع : https://whitewolfteam.com/blog/web-design/7-must-have-skills-every-successful-web-designer-should-have-part-two/


در آموزش هاي گوگل که سال 2017 منتشر شد داريم :



صفحات متوسط به هدفشان مي رسند .


اين گونه صفحات تخصص ، اعتبار و اعتماد بالا يا پايين ندارند .


هر چند صفحات متوسط سئو در يک سري مشخصات کمبود دارند که مي تواند باعث دريافت کيفيت بالا تري شود .


بعضي اوقات شما صفحه اي را مي بينيد که ترکيبي از مشخصات کم کيفيت و با کيفيت را دارد .


در اين گونه موارد ، احتمالا بهترين رتبه اي که مي تواند براي کيفيت آن صفحه داد متوسط است .



رتبه دهندگان کيفيت در سئو وقتي که نويسنده يا مسئول کلي سايت نا مشخص باشد به محتوا رتبه متوسطي در کيفيت مي دهند .


اگر شما چندين نويسنده داريد که روي سئو ي سايتتان کار مي کنند بايد استاندارد هاي بالايي براي مقالات خود داشته باشيد .


نکته اي که مي توان از تمام اين ها نتيجه گرفت آن است که :


امتياز دهندگان کيفيت گوگل بحثشان از الگوريتم هاي سئو جداست .


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


اما به طور کاملا برابر ممکن است اين امتياز دهندگان با سايت شما سازگار باشند و دوستي خوبي با شما برقرار کنند .


يک نفر بايد بالاخره رتبه بالايي بگيرد ، درست است ؟


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


اگر شما اسپمر هستيد مي توانيد اين تاثير گذاري ها را جعل کنيد .


ولي به طور طبيعي اين براي کسب و کار هاي واقعي يک شانس است که :


تمام تلاششان را بکنند و به امتياز دهندگان سئو کمک کنند که به درستي اندازه و تناسب کيفيت سايت و کسب و کارتان را قضاوت کنند .


خيلي سخت است که محبوبيت واقعي را جعل کنيد .


بنابراين اگر اين مورد را داريد مطمئن شويد که در سايتتان نيز وجود داشته باشد .


همچنين مطمئن شويد اين محبوبيت از طريق صفحات تماس با ما و درباره ما به آساني قابل دسترس باشد .


راهنماي رتبه دهندگان کيفيت نيز يک تمرين آموزشي خوب براي پيدا کردن لينک هاي مخرب است .


اين موضوع کاملا مشخص است .


ليست سئو ي گوگل براي محتواي عالي و مشهور ، تخصص و کسب و کار هاي قابل اعتماد است .


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


کار هاي خيلي زيادي وجود دارد که بايد انجام دهيد .


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


منبع : https://whitewolfteam.com/blog/seo/pages-can-be-rated-medium-quality/


تبلیغات

محل تبلیغات شما

آخرین مطالب

محل تبلیغات شما محل تبلیغات شما

آخرین وبلاگ ها

آخرین جستجو ها

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