???? ?? ?????? ????? ???? ?? ????

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

اعتنا: در طول این نوشته ی علمی، زمانی گفته می‌گردد WordPress ، مراد WordPress.org میباشد که تحت عنوان self-hosted WordPress نیز شناخته میشود. لطفاً این آیتم را با WordPress.com که یک خدمت میزبانی است خطا نگیرید.
یکی از شایع ترین تصور غلط در مورد وردپرس این هست که صرفا یک بستر بلاگ‌نویسی می باشد.
قطعا این درست وجود ندارد! در حالی که ورد پرس تحت عنوان یک ابزار وب لاگ‌نویسی استارت شده است ، در طی سال‌ها به یک تولید کننده وبسایت توانا و یک سیستم مدیر محتوایی قدرتمند (CMS) تبدیل گردیده‌است. شایسته ترین بخش درباره‌ی وردپرس این هست که استعمال از آن وارفته و انعطاف پذیر و برای تشکیل داد گونه های گوناگون وبسایت شل است. این استدلال مهم ارتقا محبوبیت وردپرس می باشد. براساس استیناف‌های اخیر وردپرس ٪۳۲.۳ از تک تک وبسایت‌های اینترنتی را اختیار می‌نماید.
با دقت به خصوصیت‌های قوی آن، بخش اعظمی از برند‌های رفیعتر برای مثال روزنامه تایم، صورت بوک، نیویورکر، سونی، دیزنی، تارگت ،نیویورک تایمز و موردها دیگر از وردپرس برای تأمین انرژی تارنما‌های خویش به کارگیری می‌نمایند.
بیایید نگاهی بیندازیم که چرا می بایست از وردپرس برای ساخت سایت خویش استفاده فرمائید.
آنچه در‌این نوشته خوا‌هیم داشت
۱. وردپرس بدون‌پول و اوپن سورس هست
۲. وردپرس با معنی ها و پلاگین‌های متفاوت
۳. وردپرس، دوستدار seo می باشد
۴. رئیس وردپرس سهل میباشد
۵. وردپرس بی خطر و ایمن می‌باشد
۶. وردپرس می‌تواند اشکال متعدد رسانه را رئیس نماید
انواع متفاوت سایت‌های وردپرس
گردآوری بندی
تالیف کننده
مبینا منتظری
۱. وردپرس مجانی و اوپن سورس می باشد
وردپرس یک اپلیکیشن رایگان است. این بدان معناست که شما برای بارگیری، نصب، استفاده و اصلاح نیاز به پرداخت مبلغی ندارید تا با نیازهای شما همخوانی داشته باشد می‌توانید از آن برای تولید هر نوع وب سایت استفاده کنید. در حالی که خویش نرم افزار وردپرس مجانی میباشد ، برای نصب آن به یک اسم دامنه و هاستینگ اینترنت نیاز دارید.
اسم دامنه نشانی وب سایت شما در وب است. این چیزی میباشد که یوزرها شما در نوار نشانی مرورگر خویش برای دسترسی به وبسایت شما تایپ می‌نمایند.
(به عنوان مثال amanjacademy.com).
هاستینگ اینترنت، منزل‌ای است که وب سایت شما در آن ذخیره میگردد.
تارنما شما قادر است طریق نه برای پند مخاطبان، آگاهی بخشی به جامعه و همینطور استخراج درامد باشد.
این مراحل حتما به طور اتوماتیک واقعه نمی‌افتد و بازدید کنندگان با رعایت نکات و به کار گیری از چندین استراتژی‌های معین تبدیل به مشتری خواهند شد.
راهکارهایی که در مقاله ۹ تکنیک مفید در ساخت سایت برای جذب مشتری اورده شده است راهنمای خیر برای برطرف کردن ایرادهای سایتتان و یا این که ایده خریدن برای پیاده سازی آن به شمار رود.
۲. وردپرس با مضامین و پلاگین‌های متفاوت
قسمت متعددی از اشخاصی که از WordPress استفاده می‌نمایند خیر طراح اینترنت می‌باشند و خیر اپلیکیشن نویس. در واقعیت، اکثر اشخاص فارغ از هیچگونه تدبیر قبلی از طراحی سایت ، از WordPress به کارگیری می‌نمایند. برای اشخاص غیر حرفه‌ای، وردپرس چاره قابل قبولی است. چون هزاران پوسته تارنما بدون پول وجود داراست که می‌توانید انتخاب کنید. یک تم وردپرس مطلوب نسبتاًً برای هر نوع سایت (اعم از وب لاگ، سایت تجاری یا این که فروشگاه اینترنتی) وجود داراست.
پوسته‌های وردپرس به راحتی قابل تهیه و تنظیم هستند چون بخش اعظمی از آنان با پنل مورد‌های خاص خویش یاور هستند و به شما قابلیت میدهند رنگ‌ها را تغییر تحول دهید، لوگو را لود نمایید، پس‌قضیه را تغییر تحول دهید، اسلایدهای زیبا ایجاد فرمایید، و سوای نیاز به تایپ کردن کد آن را با دقت به نیازهای خویش فردی‌سازی نمائید.
همینطور می‌توانید با استفاده از پلاگین‌ها قابلیت فردی‌سازی را به وب سایت وردپرس خویش اضافه نمایید. پلاگین‌های WordPress مانند اپ‌هایی برای اینترنت‌وبسایت شما می باشند که می‌توانید از آنها برای افزودن خصوصیت های توسعه یافته مانند تجزیه و تحقیق، هیبت‌های تماس، لوکیشن و مفاد دیگر به کارگیری نمائید.
صحیح مانند پوسته‌ها، هزاران افزونه رایگان و پریمیوم برای به کارگیری شما وجود داراست.
گذشته از افزودن امکان های مازاد، بعضا از پلاگین‌های وردپرس به شما قابلیت و امکان می دهند وب سایت خویش را به یک پلتفرم کاملاً تازه تبدیل نمائید.
۳. وردپرس، دوستدار بهینه سازی می‌باشد
وردپرس با کد‌های دارنده استاندارد انطباق و درجه‌ی بالا درج گردیده است و می تواند عبارات رابطه متنیِ مفهومی‌ای ساخت و ساز نماید. به عبارت دیگر، این مساله موجب می شود گوگل و باقی موتور‌های جست‌وجو دلداده وردپرس باشند! به همین برهان سایتهای وردپرس تصمیم به رتبه فراتر از سایرین در موتورهای کاوش دارا‌هستند.
در پیاده سازی، وردپرس از لحاظ بهینه سازی بسیار از صمیم قلب می‌باشد. همینطور می توانید از پلاگین‌های بهینه سازی WordPress برای باصرفه‌سازی تارنما خویش به کارگیری نمائید.
۴. مدیر وردپرس وا رفته میباشد
وردپرس مجهز به سیستم مدیریت به روزرسانی داخلی میباشد. این به شما قابلیت و امکان می دهد پلاگین‌ها و مفهوم ها خویش را از داخل داشبورد رئیس وردپرس خویش به‌روز فرمایید.
همینطور در شکل وجود ورژن جدید وردپرس، وردپرس به شما استحضار می دهد، به این ترتیب میتوانید وبسایت خویش را با یک کلیک معمولی بر روی یک دکمه به‌روز فرمایید.
به مراد محافظت از داده‌هایتان از هر سیرتکامل از میان رفتن تصادفی و یا این که هک شدن، می توانید به راحتی از یک افزونه بکاپ‌گیری وردپرس استفاده نمائید تا به طور اتوماتیک ورژن‌‌های پشتوانه تهیه کرده و اون‌هارا توی هر محل دلخواهی ذخیره‌سازی کنید. همینطور می‌توانید وب سایت وردپرس خویش را با نرم افزار‌های موبایل وردپرس مدیریت فرمایید.
۵. وردپرس بی خطر و ایمن هست
وردپرس با در حیث داشتن امنیت ساخته شده است و برای اجرای یک وب سایت یک سکوی بسیار امن و مطمئن در نظر گرفته می‌شود. با این حالا، صحیح مانند دنیای حقیقی وواقعی، وب قادر است مکانی نامشخص باشد.
۶. وردپرس می تواند گونه های گوناگون رسانه را مدیریت نماید
وردپرس فقط به تایپ کردن متن محصور نمی‌شود و با یک آپلودکننده‌ی داخلی همدم است که می‌تواند فایلهای صوتی و تصویری و ویدئویی را کنترل نماید.
وردپرس از تارنما‌های فعال گردیده با oEmbed حفاظت می‌نماید، به این مفهوم که میتوانید ویدیوهای یوتیوب ، عکس‌های اینستاگرام، توییت‌ها و صدا Soundcloud را فقط با قرار دادن URL در ویرایشگر پست WordPress جاسازی فرمایید.
اشکال متفاوت سایت‌های وردپرس
در تحت گونه های گوناگون سایت‌هایی که میتوانید با وردپرس تولید کنید نام برده شده است:
۱. بلاگ یا این که تارنما فردی

۲. تارنما تجاری

۳. تجارت الکترونیک

۴. هیئت شغلی

۵. دایرکتوری تاجران

۶. وب سایت سوال و جواب

۷. وبسایت‌های غیرانتفاعی و مذهبی

۸. وب سایت‌های مثال امور

۹. انجمن‌های آنلاین

۱۰. سایت کوپن

۱۱. وب سایت‌های تاراج

۱۲. سایت‌های یک سری زبانه

۱۳. وب سایت‌های علم / ویکی

۱۴. تارنما‌های پادکست

۱۵. وب سایت‌های متعلق

۱۶. تارنما‌های عکاسی

۱۷. تارنما‌های مکتب یا این که دانشگاه

۱۸. وبلاگ‌های محرمانه

۱۹. بلاگ‌های خانوادگی

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

در‌حالتی که پای کلام طراحان وبسایت و برنامه نویس ها نشسته باشید، چیزاهای زیادی رو می شنوید که به دلیل ماهیت انگلیسی بودن آن و اینکه خیلی از آن ها به صورت تماما منحصربه‌فرد مربوط به دنیای رایانه میباشد، ممکن هست چیز زیادی دستگیرتان نشود.” CSS یا HTML رو باید بلد باشید تا بتوانید طراحی وب را به بهترین نحو ایفا دهید. پس بگذارید چونکه این کلمه و واژه هم مثل مابقیه اصطلاحات رایانه ای، انگلیسی و متخصر شده است، همین شروع مضمون‌ آن را بگوییم و آن گاه به تعریف‌و‌تمجید و توضیحات بیشتر بپردازیم.
CSS مخفف عبارت Cascading Style Sheets است که در شرایطی‌که این عبارت را ترجمه کنیم معنای “برگه هایی به سبک آبشاری” معنای فارسی شده آن خواهد بود. حال چرا ورقه های آبشاری و اینکه ماهیت این کاغذ ها که آبشاری است، چگونه در طراحی سایت به شغل می‌آید، را پیرو نوشته‌علمی خیال و خاطر خوا هیم گرفت.
آنچه در‌این نوشته خوا‌هیم داشت

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

CSS چیست؟
HTML چیست؟
تلفیق CSS و HTML
غرض از گویش css چیست؟
ساختار CSS
نحوه‌ی اضافه کردن کدهای CSS به فایل HTML
۱- نوشتن inline CSS یا css خطی
۲- نوشتن CSS در بخش HEAD پوشه
۳- نوشتن CSS در فایل خارجی
محدودیت‌های CSS
مزایای CSS
عده بندی
تالیف کننده
علی حاجی جعفر
CSS چیست؟
همانگونه که در بالا گفته شد، CSS به معنی «ورقه‌های سبک آبشار» یا «برگه‌های آبشاری» است که آبشاری بودن صفحه‌های CSS به این معنی می باشد که استایل، کلاس یا هر چیزی که به یک صفحه CSS داده گردد، روی عناصر فرزند (Children) این صفحه‌ها هم تاثیرگذار خواهد بود. چنانچه بخواهیم مثالی در این مورد بزنیم مثل این خواهد بود که در‌حالتی که شما رنگ متن را در یک برگه CSS آبی تعیین فرمائید، این به معنای قرمز بودن کل سرنویس‌ها (هدینگ) و جمله‌های متنی هست که قرار هست در این برگه CSS نوشته گردد.
براین اساس( CSS ) زبانی هست که توسط آن کارکشته خواهید تا استیل طراحی صفحه های وبسایت تان را یکبار تعریف و به صفحات مورد نیازتان ایفا نمائید. به کارگیری از CSS باعث تمیزتر شدن کدهای اپ نویسی تان می‌شود، تغییراتی که در آتی می‌خواهید اعمال نمایید را سهل می کند و همچنین روئت کرد شما را بیشتر به طراحی معطوف می کند تا رمز و کله زدن با کدهای نرم افزار نویسی. CSS در کنار HTML قرار میگیرد تا هسته تولید یک وبسایت را به وجود بیاورند. البته HTML چیست؟ برای اینکه به فهم کاملی از CSS برسیم بایستی تعریف مختصری از HTML داشته باشیم.
HTML چیست؟
HTML برگرفته از (Hyper Text Markup Language) می‌باشد و یک لهجه آرم‌گذاری استاندارد برای صفحه ها وب به حساب می‌آید. این زبان بنیاد صفحه های وب را تشکیل می دهد. هر آنچه که در صفحه می بینید از عنوان ها، متن ها و تصاویر همگی با HTML در شیت‌ی وب قرار داده شده‌اند.
در بالا مورد نیاز است بدانید html یک گویش نرم افزار نویسی نیست! بلکه یک طرز یا لهجه علامت‌گذاری می باشد که برای ساختاربندی اجزای کاغذ به فعالیت برده میگردد. HTML زبانی است که همه ارکان جانور در صفحات وب مثل جعبه های متن، دکمه ها و غیره بوسیله اون ساخته می‌شن و با ترکیب اون با کدهای CSS ظاهر ورقه شکل می‌گیره.
تلفیق CSS و HTML
در شرایطی که یک شیت وب را شامل اجزای زیر بدانیم:
محتوا (content): کدهای HTML مسئول تولید این بخش می باشند.
نمایش (presentation): کدهای CSS مسئول ساخت این قسمت هستند.
خلق و خوی (Behavior): این قسمت وب به وسیله JavaScript ساخت‌و‌ساز میگردد.
مثال ملموس تر میشود “اسکلت آدم را HTML فرض کنید و شکل،ظاهر ، رنگ مو، نژاد را CSS و رفتاری که از این آدم بروز می کند را JavaScript.
هدف از لهجه css چیست؟
غرض از ساخت گویش برنامه نویسی css در واقع جداسازی اطلاعات محتوا (که به وسیله زبانی مانند HTML درج گردیده اند) از اطلاعات ظاهری مانند ورقه بندی، رنگ و سایز و نوع فونت می باشد. این جداسازی موجب افزایش سرعت در دسترسی به وب سایت، انعطاف پذیری بیشتر برای کنترل ویژگی های ظاهری، امکان طراحی تعدادی برگه با یک فرمت یکسان و خودداری از پیچیدگی و انجام کارهای تکراری در ساخت وب سایت می‌گردد.
ساختار CSS
برای اینکه با سختار CSS آشنا شویم می بایست بگوییم که ساختار یک خط از کد CSS شامل یک گزینش‌گر (selector) می‌باشد که به یک یا چند تگ از html اشاره می‌کند. در مقابل انتخاب‌گر یک بلاک قرار میگیرد که سبک خاصی را به عنصر تعیین شده ایفا می‌کند. برای مثال این ساختار را در نظر درصورتی که در نظر بگیرید:
h1{font-size : 18px;}
که در اینجا h1 انتخابگر میباشد، font-size ویژگی می‌باشد و 18px مقدار آن می باشد.
روش‌ی اضافه کردن کدهای CSS به فولدر HTML
برای اضافه کردن کدهای CSS به سند HTML و سایر کدها، می توان از روش‌های زیر استفاده کرد.
۱- نوشتن inline CSS یا css خطی
درین نحوه شما با نوشتن واژه‌ی style درون هر تگ، میتوانید کدهای css مد لحاظ خود را به آن اضافه نمائید:
- نوشتن CSS در بخش HEAD فایل
همان گونه که می دانید در HTML یک بخش به نام head جای‌دارد که می توانید در آن
۳- نوشتن CSS در فایل خارجی
این طریق بهترین خط مش برای اضافه کردن استایل‌هاست. برای این کار کافیست تمام کدهای CSS را در یک فایل نوشته و با پسوند css. ذخیره نمایید. آن‌گاه این فایل را در هر head پوشه html خود فراخوانی فرمایید:
محدودیت‌های CSS
با اینکه CSS تا اینجای کار گسترش بسیار زیادی داشته، اما نمی‌قدرت اذعان کرد که کاملا ایده آل می‌باشد و هیچ محدودیتی برای طراح وبسایت ساخت و ساز نمی‌کند. در‌حالتی که بخواهیم به محدودیت‌های CSS اشاره کنیم، شاید به ۵ تا ۶ آیتم محدودیت بتوان اشاره کرد که در عوض آزادی عملی که این زبان در اختیار ما می‌گذارد، این محدودیت‌ها چیزی نیستند.
به عنوان مثال در CSS نمی‌قدرت برای rules اسم گزینش کرد. تعیین اسم برای یک rule، به عنوان مثال، می‌تواند برای ارجاع دادن یک اسکریپت سمت استفاده کننده (Clien-side) به یک rule هنگام تغییر‌و تحول selector آن، کارآمد باشد. همچنین محدودیت‌های دیگری مثل عدم توانایی انتقال Style از یک rule به rule دیگر و چن مورد دیگر از محدودیت در CSS وجود دارااست که ممکن می‌باشد مانند محدودیت‌هایی که در نسخه‌های پیشین CSS وجود داشتند، در آجل حل شوند.
مزایای CSS
می‌توان با ذهنی آسوده خاطرنشان کرد که CSS یکی‌از مفیدترین و پرکاربردترین اجزا دنیای طراحی وب سایت می‌باشد. دسترسی طراحان وب به CSS سبب توسعه‌های زیادی در دنیای طراحی وب شده است.
یکی از مهمترین مزایای CSS صرفه جویی در وقت و انرژی طراحان وب می باشد. تصور کنید که CSS وجود نداشت و شما به عنوان یک طراح وب سایت، می بایست برای هر تغییر تعالی و کوچکی، تعدادی بار یک کلاس یا Style را به صورت inline در پوشه HTML وارد می‌کردید. اما فعلا با وجود CSS در کنار HTML، طراحی وب بسیار سهل‌تر خواهد بود.
جمع بندی
در پایان بایستی بدین نکته اشاره کنیم که با دقت به تمام محدودیت های ذکر شده درباره‌ی CSS، هنوز هم مزایای آن، کفه معیار را به نفع آن سنگین می کند. و حرف آخر اینکه در حالتی‌که به طراحی کردن تارنما به عنوان یکی از کارهای اساسی برای درآمدزایی و یا یادگیری در زمان ها فراعت فکر میکند، یادگیری طراحی سایت را با اصول CSS و HTML در تقدم خود قرار دهید.

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

طراحی سایت در مشهد

طراحی سایت

رایا پارس

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

تاریخچه فاوآیکون
در مارس 1999، مایکروسافت اینترنت اکسپلورر 5 را منتشر کرد که برای اولین بار از فاوآیکون‌ها مدد می‌کرد. در اصل فاوآیکون فایلی به نام favicon.ico بود که در دایرکتوری یک وب‌وبسایت قرار می‌گرفت که در بخش عشق‌مندی‌ها (بوکمارک‌ها) در اینترنت اکسپلورر و در کنار URL در نوار آدرس، استعمال می‌شد. فاوآیکون توسط کنسرسیوم وب جهانی (W3C) در دسامبر 1999 استانداردسازی شد. طبق این استاندارد، فایل فاوآیکون می‌تواند در هر دایرکتوری وب‌سایتی و با هر نوع فرمت فایل تصویری باشد.

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

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

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

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

فاوآیکون چه تاثیری در سئو دارااست؟
فاوآیکون‌ها تاثیر بدون واسطه روی سئوی سایت شما ندارند ولی به طور غیرمستقیم می توانند تاثیر مثبتی داشته باشند. در پی به تعدادی گزینه از فواید فاوآیکون و تاثیر آن روی سئوی وب‌وب سایت اشاره میکنیم:

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

روش نخستین

درین طریق بایستی استارت فولدر فاوآیکون خود را در هاست خود آپلود نمایید و آن‌گاه کد دستوری ذیل را در تگ وبسایت خود وارد نمایید:

طریق دوم

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

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

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

16 پیکسل: برای استعمال عمومی در همه مرورگرها. قابل نمایش در نوار آدرس، تب‌ها و نوار بوکمارک‌ها
24 پیکسل: وبسایت پین شده در اینترنت اکسپلورر 9
32 پیکسل: برگه ورقه جدید در اینترنت اکسپلورر، دکمه نوار وظیفه در ویندوز 7 و نوار کناری \"Read Later\" در Safari
57 پیکسل: کاغذ اصلی استاندارد iOS (iPod Touch، نسل اول آیفون تا 3G)
72 پیکسل: آیکون برگه اصلی iPad
96 پیکسل: فاوآیکون مورد استفاده پلتفرم Google TV
114 پیکسل: آرم کاغذ اصلی iPhone 4
128 پیکسل: وب استور مرورگر کروم
195 پیکسل: Opera Speed Dial
برای طراحی فاوآیکون می توانید از ابزارهای زیادی کمک بگیرید. از نرم‌افزارهایی مانند فتوشاپ و ایلستریتور که نرم‌افزارهای پیشرفته طراحی هستند تا سایت‌هایی با رابط کاربری بی آلایش که میتوانید با آنها فاوآیکون دلخواه خود را طراحی نمایید. کافی می‌باشد عبارت Online Favicon Maker را جستجو فرمایید.

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

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

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

اما ۲۰ سال پیش بشر‌ها این‌طوری خرید نمی‌کردند. زیرا جایی وجود نداشت که یوزرها دیگر بروند و نظراتشان را در ارتباط تولیدات متعدد آنجا بنویسند و سایر بتوانند بیایند آنان را بخوانند و احیانا پاسخ دهند یا این که سوالی بپرسند. چیزی به‌اسم اینستاگرام وجود نداشت. اصولا وبسایت‌های فروشگاهی این شکلی نبودند.
تابه‌موقتا گردیده از خودتان بپرسید وب و فضای اینترنت چطور به مقام فعلی خویش رسیده می باشد؟ چه مراحلی را پشت راز گذارده هست؟ بعدی‌اش چه میگردد و به‌کجا می‌خواهد برود؟ در‌حالتی که این سوالهای شماست، می بایست بیان‌کنم که ما اینک در حین اینترنت ۲ (WEB 2.0) هستیم؛ از اینترنت ۱ عبور کردیم و اینترنت ۳ را پیش رو داریم.
این محتوا به اینک، یعنی اینترنت ۲، تخصیص دارااست و می خواهد به‌این سوال ها جواب دهد: اینترنت ۲ چیست؟ چه‌کسی به‌این اینترنت گفته هست اینترنت دو و چرا؟ خصوصیت‌های اصلی اینترنت ۲ کدام‌ها میباشند؟ اینترنت ۲ چه کاربردهایی دارد؟ اینترنت ۲ چه فرق‌هایی با اینترنت ۱ داراست؟
برای مسافرت به بعدی‌ی وب و تارنما‌ها، «شناخت با اینترنت ۳، بعدی وب» را بخوانید.
آنچه در‌این نوشته خواهیم داشت
اینترنت ۲ چیست؟
تاریخچه اینترنت ۰ .۲
خصوصیت‌ های Web 2
کاربردهای (مزایای) اینترنت دو
تفاوت‌ های اینترنت ۱ و اینترنت ۲
معایب (نقد ها به) اینترنت دو
یک‌سری مثال از وبسایت های اینترنت دو
جمع‌بندی و فیض‌گیری
تالیف کننده
مهدیه اسماعیلی
اینترنت ۲ چیست؟
گذشته‌از جواب‌دادن بدین پرسش بگذارید نخستین پر‌نور کنیم که مراد از اینترنت، WWW or World Wide Web or The Web، چیست. اصلا فرق اینترنت و وب چیست؟ (می دانم این پرسش‌ آسوده به‌حیث می‌رسد و احتمالا خیلی‌ها جواب را می‌دانید. البته ضرری ندارد در صورتی‌که چیزهایی را باهم مرور کنیم.) مشخص میباشد که وب یا این که The Worldwide Computer Network بستری است که رابطه در میان کانال‌ها و کامپیوترها را در سراسر عالم قابلیت و امکان‌پذیر می‌نماید.
هنگامی گفته می‌‌گردد کانال‌ی اینترنت یا این که فقید اینترنت یا این که اینترنت عالم‌گستر مراد مهم‌ترین و مهم‌ترین سرویس و امکانی است که در بستر وب برای انسان‌ها فراهم گردیده‌است. و آن سرویس چیزی وجود ندارد جز دسترسی‌یافتن به تیم‌ای گرانقدر از گونه های داده ها و محتواها که در سایت‌ها قرار می گیرد و یوزرها می‌توانند ازطریق مرورگرها آنان را بازیابی نمایند. پس هنگامی می‌‌خوا هیم در ارتباط اینترنت دو کلام بزنیم، مراد این می باشد که میخواهیم بدانیم وب سایت‌ها و محتواهای آنان چه ویژگی و خصوصیت‌ها و امکاناتی در بستر وب دارند و چه کارهایی میتوانند در فضای نت انجام دهند.
برگردیم به پرسش اساسی این بخش: اینترنت ۲ چیست؟ کوتاه‌ترین و خلاصه‌ترین جواب به‌این پرسش این میباشد: وبسایت‌هایی که به یوزرها وب در سراسر دانا قابلیت تعامل برقرارکردن بایکدیگر را می‌دهد. اینترنت ۲ اینترنت کانال‌های اجتماعی میباشد. وبی هست که آدم‌ها برای یکدیگر محتوا می‌نویسند. وبی دوطرفه است خیر یک‌طرفه.
Web 2.0 describes the current state of the internet, which has more user-generated content and usability for end-users compared to its earlier incarnation, Web 1.0.
اینترنت ۰ .۲ حالت امروز وب را توضیح می دهد، که درمقایسه با اینترنت ۱ محتواهای تعاملی (UGC) و کاربردهای بیشتری برای یوزرها دارد.
در‌حالتی که عشق‌مند به تاریخ طراحی وب می باشید و می‌خواهید بدانید اولین وب سایت در فقید چه وقتی ساخته شد، سفارش میکنم نوشته‌ی علمی «تاریخچه تکاملی پیاده سازی تارنما در دانا» را حتما بخوانید.
تاریخچه اینترنت ۰ .۲
اینترنت ۲ (Web 2.0) از ۱۹۹۹ آغاز شد. گذشته‌از این تاریخ، تکنولوژی‌ها و گویش‌های برنامه‌نویسی گسترش قابل‌توجهی کرده بودند. عالم و استخراج‌وکارها متوجه گردیده بودند که دنیای اینترنت و وب آینده‌ی بشر را می‌سازد. مسیر توسعه و گسترش و تسهیل طراحی سایت و استعمال از وب هرروز در فقیه هموارتر می‌شد. تمامی‌ی آن بسط‌ها به وبسایت‌ها قابلیت و امکان می‌‌داد تا از صفحه های و محتواهای ایستا به‌سمت صفحه های پویا و وبسایت‌های پویا تکان نمایند.
در ۱۹۹۹، گوگل یک‌ساله بود و آمازون ۴ سال بود که داشت عمل می کرد. آمازون بخشی را به سایتش اضافه کرده بود که به یوزرها اذن می‌بخشید تا نظراتشان را بنویسند. این تغییر تحول مهمی بود. زیرا تا گذشته‌از آن تارنما‌ها صفحه های ایستایی بودند که فقط میشد خواندشان. اینترنت ۱ (Web 1.0) وبی صرفا خواندنی بود. وب سایت‌هایی بسیار معمولی و ابتدایی که کسی چیزهایی در آن می‌نوشت.
در اپریل سال ۱۹۹۹، طراح سایتی به‌اسم Darcy DiNucci در نوشته‌ی علمی‌ای برای اولی‌توشه از عبارت Web 2.0 استفاده کرد. البته عبارت اینترنت دو و گفت و گو در امر این مضمون‌ و آینده‌ی تارنما‌ها و وب در سال ۲۰۰۴ بود که بر رمز گویش‌ها به‌زمین‌خورد و تمامی با آن آشنا شدند. در همین سال بود که به‌خلاقیت انتشارات و موسسه آموزشی O’REILLY و مدیریت آن Tim O’Reilly و همراهی تعدادی موسسه و مالک‌لحاظ دیگر تیم کنفرانس‌هایی با‌تیتر Web 2.0 Conference برگزار شد. در‌این کنفرانس‌ها سعی شد تا اینترنت دو، مضمون‌ آن، خصوصیت‌ها و کاربردهای آن تعریف‌و‌تمجید شود.
خصوصیت‌ های Web 2
پیشین‌از اینکه مهم ترین خصوصیت‌های اینترنت دو را معرفی کنم، بایستی اشاره کنم که از کنفرانس‌های سال ۲۰۰۴ تا امروز صاحب‌نظران و اپلیکیشن‌نویسان بزرگ عالم درباره‌ی معنی اینترنت دو و خصوصیت‌های آن به حادثه‌لحاظ نرسیدند. معمولا وقتی از خصوصیت‌های اینترنت ۲.۰ کلام زده می‌شود، منظور مجموعه‌ای از خصوصیت‌ها و کاربرد تکنولوژی‌های متفاوت در ساخت سایت و فضای نت قرن ۲۱ است. بدین ترتیب، در لیست خصوصیت‌های اصلی اینترنت ۲ در زمینه‌ی تکنولوژی‌ها صحبت زده نمی‌شود. زیرا فایده‌ی به کارگیری از تکنولوژی‌ها در شرکت کردن‌‌دادن یوزرها و اشخاص حقیقی و واقعی در اینترنت است که اصل‌واساس اینترنت ۲ را تشکیل می‌دهد.
اینترنت ۲ چه خصوصیت‌هایی داراست؟
در اینترنت دو کاربر نقش بسیار فعالی در همگی‌چیز داراست. استفاده کننده در ساختن اینترنت دو شرکت کردن دارد. مخاطب می‌تواند محتوا ساخت نماید و سخن‌ها و نظراتش را به دانا بگوید (بلاگ‌ها و کانال‌های اجتماعی). استفاده کننده می‌تواند نظراتش را به صاحب سایت بگوید. استفاده کننده قادر است محتواهایی را که میخواهد (اعم‌از فیلم، عکس، متن یا این که صوت)، آن‌طور که میخواهد تیم‌بندی و اسم‌گذاری نماید (تگ‌ها و هشتگ‌ها در کانال‌های اجتماعی) و آنگاه آن را با سایر افراد به‌اشتراک بگذارد. به‌همین‌عامل، اسم دیگر اینترنت ۲ اینترنت اجتماعی مشارکتی یا این که The Participative Social Web هست.
در اینترنت ۲ گردش و وسعت داده ها بسیار بسیار زیاد شد‌ه‌است. همینطور تنوع داده ها و یوزرها دنیای اینترنت رویش روزافزون داشته می باشد. اینترنت دو فقط برای محققان و محققان و هکرها وجود ندارد. زنان منزل‌دار و سالمندان و علم‌آموزان هم یوزرها اینترنت ۲ میباشند. تارنما‌ها در قرن ۲۱ برای سرویس‌رسانی به یوزرها گوناگون پیاده سازی میگردند.
در اینترنت دو تجارب کاربری و پیاده سازی تارنما داینامیک نقش‌های محوری را بازی می‌نمایند. در اینترنت دو وبسایت‌ها تمامی نوع پردازش داده ها ایفا می دهند. در طراحی وب در اینترنت دو این اصلی می باشد که کاربر بتواند روی عکس‌ها (و دیگر المان‌های بصری و محتواها) کلیک نماید و آنها‌را گران قدر یا این که خرد نماید یا این که بتواند آن‌ها‌را به‌اشتراک بگذارد. سایت‌ها در اینترنت دو کاربرمحور و بشر‌مبنا پیاده سازی می‌شوند.
کاربردهای (مزایای) اینترنت دو
تامل کنم در زمینه‌ی کاربردهای اینترنت دو همگی‌ی ما میتوانیم نظر بدهیم! صرفا کافی است یه خرده توجه کنیم. در معاش اینجانب و شما وب و تارنما‌های متفاوت و کانال‌های اجتماعی چه‌قدر کاربرد دارند؟ مشخص و معلوم می باشد: خیلی! اینجانب به مهمترین‌ کاربردهای اینترنت دو اشاره می‌کنم:
کاربردهای تجاری اینترنت ۲: بخش اعظمی از حصول‌وکارهایی که در ده سال‌ی اخیر پایه‌گذاری شدند و رویش کردند، کسب‌وکارهای اینترنتی میباشند که ازطریق وب سایت‌های فروشگاهی و درگاه‌های پرداخت آنلاین و دیجیتال مارکتینگ کار می‌نمایند. اساسا اینترنت ۲ فعالیت تولید نموده است (به عنوان مثال افیلیت مارکتینگ).
کاربردهای اجتماعی اینترنت ۲: این کاربرد را می‌شود در کانال‌های اجتماعی و کلیه پلتفر‌هایی که به اشخاص قابلیت و امکان تعامل‌، رابطه برقرارکردن با سایرافراد و همینطور اظهارنظر در امر محتواهای سایرافراد می‌دهد، خلاصه کرد (Blogging، Podcasting & Social Networking). گرچه کاربرد اجتماعی اینترنت دو بسیار گران قدر‌خیس و غامض‌خیس از این‌هاست.
کاربردهای آموزشی اینترنت ۲: اساسا می گردد بیان کرد اینترنت دو و وب ابزار‌هایی آموزشی می باشند. فکر کنید در‌حالتی که کلیه‌گیری کرونا ۲۵ سال پیش پیش آمده بود، آیا قابلیت برگزاری کلاس‌های آنلاین و عصر‌های آنلاین وجود داشت؟ برای کاربردهای آموزشی و حتی فرهنگی و هنری اینترنت دو می‌شود نمونه‌های متعددی آورد.
تفاوت‌ های اینترنت ۱ و اینترنت ۲
باتوجه‌به کلیه‌ی مطالبی که تا الان گفته شد، مهم‌ترین تفاوت‌ اینترنت دو با نسل اولیه تارنما‌ها مشخص گردیده است: اینترنت ۱، اولی وب سایت‌ها در فقید، صرفا خواندنی بودند؛ اینترنت ۲.۰ خواندنی و نوشتنی میباشد. تفاوت‌های مهم دیگر این دو عبارت‌انداز:
تمرکز اینترنت ۱ بر نیازهای کسب‌وکارها و صاحبان سایت‌ها بود. ولی تمرکز اینترنت دو بر جامعه و یوزرها است.
اینترنت ۱ وبی بود که محتوای سایت شما مال شما بود و کالا شما در به عبارتی سایت باقی میماند. اما در اینترنت ۲.۰ همه‌چیز حول‌محور به‌اشتراک‌گذاشتن محتواهای یوزرها گوناگون و گردش محتوا در فضای اینترنت می‌گردد.
تبلیغات در اینترنت ۱ تنها تبلیغات بنری بود و خبری از تبلیغات کلیکی و تبلیغات تعاملی نبود. در اینترنت ۲.۰ تبلیغات آنلاین و مجازی هم به‌کلی متحول گردیده است.
اینترنت ۲ اینترنت گسترش اینترنت نرم افزار‌ها و مرورگرهاست. در اینترنت ۱ وا رفته‌ترشدن و سریع‌ترشدن اینترنت صفحه آرایی و همینطور سرعت بار گذاری کاغذ‌ی وبسایت‌‌ها چندان اصلی نبود. ولی در اینترنت ۲ این‌طور وجود ندارد. اینترنت دو بعدازظهر اینترنت طراحی صفحه (ظواهر خوشگل و کاربرپسند وب سایت به‌هم پا سرعت بالای پردازش داده ها و کاربردپذیری) و پیاده سازی رابط کاربری و تجربه کاربری هست.
معایب (نقد ها به) اینترنت دو
بالاخره در‌این عالم قابلیت ندارد چیزی‌که‌این کلیه مزیت دارااست و معاش همه انسان‌های روی زمین را به‌نوعی متحول نموده است، عیب نداشته باشد. اینترنت دو هم عیب و هم منتقدان سرسخت دارد. دعوا انتقادات به اینترنت اجتماعی و مشارکتی و اثر کانال‌های اجتماعی بر معاش کاربرانشان بزرگ و چندوجهی می باشد.
مهم‌ترین نقدی که به اینترنت دو می شود این می باشد که‌این اینترنت مشارکتی بستری آماده نموده است برای پیشرفت اطلاعت خطا و نامعتبر. هرکس می تواند هرچیزی را داعیه نماید و آن گاه آن را در فضای اینترنت پخش نماید. داده ها اشتباه ممکن میباشد جان و متاع اشخاص را درخطر بیندازند. علاوه‌براین، اینترنت ۲ بستری برای بسط جرایم آنلاین و سرقت داده ها مالی و پزشکی و محرمانه اشخاص را نیز فراهم نموده است.
تعدادی مثال از تارنما های اینترنت دو
همین سایتی که شما این محتوا را در آن می‌خوانید، یک مثال از سایت‌های اینترنت دو میباشد. ولی بعضا تارنما‌ها در طی اینترنت دو اساسی‌خیس و انتخاب‌کننده‌خیس میباشند. شاید بشود داعیه کرد مهم ترین سایتی که اینترنت دو را نمایندگی می‌نماید ویکی‌پدیا (Wikipedia) میباشد. به عبارتی‌طورکه می‌دانید کاربرانی مثل اینجانب و شما هستند که محتوای ویکی‌پدیا را می‌نویسند و اصلاح می‌نمایند. نماینده سایت‌های اینترنت ۱ هم وب سایت دائره‌المعارف Britanica می باشد.
دومین مثال‌ی بارز سایت‌های اینترنت ۲ سایت‌های احتساب و مرتبه‌بندی (Rating and Review sites) میباشد. وبسایت‌های محاسبه و سکو‌بندی ممکن می باشد محتوای وب سایت‌های دیگر را حساب کنند یا این که تولیدات مختلف را. درهرحال، یوزرها برای این وب سایت‌های می‌نویسند و حیث میدهند.
سومین مثال‌ی وب سایت‌های اینترنت دو توییتر و فیسبوک میباشد. دو سایتی که همگی‌ی ما با آن ها به‌خیر آشنا هستیم. خدمت‌ها و پلتفرم‌های بلاگ‌نویسی (مثل سرزمین وب لاگ، پرشین وبلاگ و بلاگفا) نیز از مثال‌های خیلی عالی وبسایت‌های اینترنت دو می باشند.
واپسین مثال‌ی عالی برای سایت‌های اینترنت ۲ CMS‌ها (Content Management Systems) و سایت‌های وردپرسی میباشند. سیستم‌های مدیر محتوا وب سایت‌داشتن را برای همه خیلی ریلکس‌خیس و دست‌یافتنی‌خیس کردند.
توده‌بندی و بهره‌گیری
۱. از قدمت وب و ساخت سایت خیلی نمی‌گذرد. البته در همین دوران کوتاه تحولات و توسعه‌های متعددی درین حیطهها پیش آمده میباشد.
۲. عصر وب و پیاده سازی و تشکیل داد تارنما با اینترنت ۱ شروع شد و با اینترنت ۲ رویش مقداری و کیفی چشمگیری داشت.
۳. هنگامی از مفهومی باعنوان اینترنت دو صحبت زده میشود، در امر شرایط وب سایت‌ها و استعمال از وب در بعد از ظهر حاضر گفت و گو می‌گردد. درواقع سعی می شود به این پرسش جواب داده خواهد شد که با وب و در وب چه کارهایی می‌گردد کرد؟

۴. اما و به عبارتی‌طور که اشاره شد، دربین مالک‌نظران دنیای تکنولوژی هنوز بر سر به کار گیری از عبارت اینترنت ۲ و مضمون‌ ظریف آن اختلاف‌لحاظ وجود دارد. مطالبی که درین محتوا ذکر شد، چیزهایی هست که اکثریت آن را درباره‌ی Web 2 پذیرفتند و در سایت‌های مرجع هم مندرج است.
۵. در زمینه ی انتقادات به اینترنت دو می بایست ذکر کرد که به‌ کلیه‌ی آن‌ها جواب‌هایی داده گردیده‌است. به عنوان مثال، در مورد امان امنیت سایت‌ها کمپانی‌های بزرگی عمل و شغل می‌نمایند و سرویس ها و قابل انعطاف‌افزارها و پلاگین‌های امنیتی متعددی هم ایجاد شده است.
۶. درنهایت، میشود اظهار‌کرد که فرصت اینترنت ۲ دورانی می‌باشد که کلیه میتوانند برای خودشان یک وبسایت داشته باشند. نیازی وجود ندارد اپلیکیشن‌نویس خبره‌ای بود. در شرایطی که فراگیری جامع طراحی وب را که با‌محوریت یادگرفتن طراحی وب‌های وردپرسی است بگذرانید، می توانید باکمی تمرین سایتی برای خودتان داشته باشید.

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

ولی نباید این‌طور درنگ کرد که تمامی‌ی الگوریتم‌ها یا به روز‌های گوگل قطعا باید نام یک حیوان را داشته باشند! خیر، برخی الگوریتم‌های اصلی گوگل می باشند که کمتر شناخته شده‌اند. نامشان هم وقت گیر می‌باشد و چندان شل نیست و حتی به‌راحتی نمی شود نام آن‌‌ها را به فارسی ترجمه کرد. الگوریتم یا آپدیت Page Layout گوگل نمونه‌ای از آن الگوریتم‌هاست.
در‌این نوشته‌ی علمی میخواهم شما‌را با Google Above the Fold Page Layout Algorithm آشنا کنم و ۷ نکته‌ی اساسی درباره ی این به روز بگویم. ۷ نکته‌ای که گفته شود پاسخ این سوالهای هست که آپ تو دیت Page layout چیست؟ چه می‌کند و چرا مهم میباشد؟
در شرایطی که می‌خواهید بیشتر در خصوص گونه های گوناگون موتورهای جستجو بدانید، «دوست داستنی‌ترین موتورهای جستجو، فراتراز گوگل» را بخوانید.
آنچه در این نوشته خوا‌هیم داشت
۱. الگوریتم Google Page Layout چیست؟
۲. خواسته از Page Layout & Above The Fold در‌این آپ تو دیت چیست؟
۳. آپ دیت Page Layout دقیقا چه می‌کند؟
۴. آیا الگوریتم Page Layout گوگل وب سایت‌ها را جریمه می‌کند؟
۵. الگوریتم پیج لایوت از چه وقتی شروع شد؟
۶. چرا نام دیگر الگوریتم طرح بندی گوگل Top Heavy میباشد؟
۷. چطور تارنما را برای آپدیت Page Layout باصرفه کنیم؟
عده‌بندی و منفعت‌گیری
تالیف کننده
مهدیه اسماعیلی
۱. الگوریتم Google Page Layout چیست؟
قبل‌از اینکه درباره ی Google Top Heavy Update (که نام دیگر الگوریتم پیج لایوت میباشد) سخن کنم، باید درخصوص Page layout و ارتباط seo با دیگر حیطههای مرتبط‌ به آن توضیحاتی بدهم. سئو وبسایت تنها لینک و پیوند‌سازی یا تولیدمحتوا نیست. seo وب سایت به وب دیزاین نیز مربوط می‌شود. برای seo تارنما نیاز می باشد که ساخت وب سایت و ساختار وبسایت نیز ویژگی‌هایی داشته باشد. ویژگی‌هایی که تعامل شل و بی‌دردسر و بی‌نقص‌ کاربر با سایت را ممکن کند.
مجال‌هاست برای گوگل تجربه کاربری سایت اصلی گردیده‌است. UX وب سایت اصلی است چون به رضایت استفاده کننده مربوط شده و رضایت استفاده کننده هم به گوگل مربوط می گردد. و سایتی که نتواند کاربرش را راضی کند، نمی‌تواند در نتایج جستجوی گوگل رتبه‌ی نه داشته باشد. به‌همین‌دلیل یکی از تکنیک‌های seo مدرن بهینه‌سازی تجربه‌ کاربری است.
در حال حاضر تصور کنید دنبال پاسخ سوالی میگردید و وارد سایتی میشوید. تنهای چیزی که در وب سایت میبینید بنرهای تبلیغاتی میباشد! برای اینکه به محتوا برسید مجبورید شیت را اسکرول نمائید و بیایید زیر. احساس می‌کنید انگار برای طراح سایت جای تبلیغات اصلی‌تر از جای محتوای سایت بوده هست. خب طبیعتا ناراضی آن وبسایت را رخنه‌ میکنید. چرا بایستی زحمت بکشید و هر برگه را اسکرول فرمایید تا به چیزی که می خواهید برسید و چرا باید در سایتی بمانید که تبلیغات برایش مهم‌تر‌ از نیاز شما (مخاطب) بوده می‌باشد؟
آپدیت Page Layout با آن وب سایت‌هایی سروکار دارد که در ساختار صفحاتشان تبلیغات ایستای خیلی زیادی را گنجانده‌اند و استفاده کننده را مجبور می‌کنند آن تبلیغات را ببیند تا به محتوایی که دنبالش است برسد. پس الگوریتم Top Heavy با ساختار و طراحی سایت (page layout) و جای قرارگرفتن تبلیغات در وب سایت (above the fold) فعالیت دارد نه هیچ‌چیز دیگری.
۲. مراد از Page Layout & Above The Fold در این آپدیت چیست؟
وب دیزاینر ساختار و قالب اساسی کل صفحه های سایت را طراحی می‌کند. درین طراحی معین می‌گردد هر المان باید کجا قرار بگیرد. از جمله، نام تارنما و لوگو باید سمت راست باشد و منوی مهم سمت چپ یا برعکس. به ساختار اساسی هر شیت از تارنما Page Layout یا طرح بندی می‌گویند. برهمین‌شالوده، در وب فارسی نام این آپ تو دیت را الگوریتم طرح بندی گوگل گذاشته‌اند.
وب دیزاینرها هر صفحه از تارنما را براساس اندازه‌‌ی اسکرین دستگا‌های مختلف (گوشی، تبلت، دسکتاپ و… ) با خطی فرضی به دو نصیب یا Fold تقسیم می‌کنند:
Above The Fold: از بالای صفحه تاجایی‌که مخاطب بدون چاره می گردد برگه را اسکرول کند. یعنی هرچیزی که در این بخش قرار بگیرد، کاربر آن را بدون اسکرول‌کردن می‌بیند.
Below The Fold: هر محتوا و المانی که مخاطب برای دیدنش نیاز دارد کاغذ را اسکرول کند.
۳. آپدیت Page Layout دقیقا چه می‌کند؟
بگذارید از زبان Matt Cutts (مدیریت سابق مجموعه Webspam گوگل) ببینیم که این الگوریتم دقیقا چه می‌کند:
این تغییر تحول در الگوریتم بر وبسایت‌هایی اثر میگذارد که یا در قراردادن تبلیغات در بالای برگه افراط کردند یا پیداکردن و رسیدن به محتوای اصلی شیت را مشقت بار ساختند. به این ترتیب، تارنما‌هایی که درقراردادن تبلیغات در بالای کاغذ افراط نکردند، از این آپدیت متاثر نمی شوند.۴. آیا الگوریتم Page Layout گوگل تارنما‌ها را جریمه می‌کند؟
بله، الگوریتم پیج لایوت وبسایت‌ها را جریمه می‌کند البته نه جریمه‌ای خیلی سنگین که به‌نمایش‌ندادن وب سایت در نتایج جستجوها بینجامد. این آپ تو دیت سایت‌هایی را که در نصیب بالایی صفحه های بیش‌از حد و اندازه تبلیغات قرار دادند، تنزل مرتبه می دهد. البته، گوگل این قابلیت و امکان را آماده کرده تا وبسایت‌هایی که به‌خیال و خاطر این آپدیت درجه ازدست دادند، اشتباهاتشان را اصلاح کنند. یعنی آن ها می بایست طرح‌بندی وبسایت را اصلاح کنند و تبلیغات اضافی را بردارند و کوشش کنند دوباره‌ به گوگل علامت دهند که براساس استاندارد‌ الگوریتم page layout پیش می‌روند.
اما نکته اینجاست که ممکن هست بازیافتن جايگاه‌ی گذشته خیلی سریع نباشد و حتی تا چیزی نزدیک به ۲ سال طول بکشد!
۵. الگوریتم پیج لایوت از چه زمانی آغاز شد؟
گوگل در ژانویه‌ی ۲۰۱۲ رسما بیان کرد که به روز جدیدی (Google Top Heavy) انجام یافته که کمتر‌از ۱% از سایت‌‌ها را زیر‌تاثیر قرار داده میباشد. البته نکته‌ی مهمی که راجع به الگوریتم page layout وجود دارد این می‌باشد که این الگوریتم ۳بار (در اکتبر ۲۰۱۲، فوریه‌ ۲۰۱۴ و نوامبر ۲۰۱۶) آپ دیت شده و هربار گوگل به‌نوعی خوب‌شدن آن را رسانه‌ای کرده است.
آخرین آپدیت الگوریتم (در سال ۲۰۱۶) برای کارشناسان سئو بسیار مهم بود. چون گوگل الگوریتم پیچ لایوت را خود کار (Automated) کرد. یعنی در‌حالتی که تغییری در طرح‌بندی برگه‌ای از تارنما انجام شود یا تبلیغی که در بالای کاغذ وجود داشته، برداشته گردد؛ نیازی نیست در سرچ کنسول از خزنده‌‌های گوگل خواست تا بیایند و تغییرات را ایندکس کنند. الگوریتم تغییرات را زیرنظر داراست.
۶. چرا نام دیگر الگوریتم طرح بندی گوگل Top Heavy میباشد؟
می‌پندارم از توضیحاتی که دادم مشخص و معلوم شده که چرا این آپ تو دیت Top Heavy یا اگر بخواهم کلمه‌به‌کلمه ترجمه کنم «بالا سنگین » نامیده شده است. طراحی بعضا تارنما‌‌‌ها به‌گونه‌ای است که بخش بالایی آن با تبلیغات بسیار سنگین گردیده است. بالاخره در همگی‌ی وب سایت‌ها تبلیغات وجود دارااست. ولی اصلی این میباشد که تعداد آن‌ها و جای قرارگرفتن آن ها در ورقه تارنما چطور میباشد. زمانی تمامی‌ی تبلیغات یک‌جا عده گردد، مشخص و معلوم میباشد که قسمتی از تارنما برای استفاده کننده زیادی سنگین و به هم ریخته و آزاردهنده میگردد.
۷. چطور وب سایت را برای آپ تو دیت Page Layout باصرفه کنیم؟
کارشناسان سئو چه کنند تا الگوریتم پیج لی اوت آنان‌را جریمه نکند؟ یعنی به‌هیچ‌وجه نباید در صفحه‌ی سایت هیچ‌گونه تبلیغی داشت؟ طبیعتا پاسخ این سوال منفی میباشد. گوگل هم می‌داند سایت‌ها برای درآمد‌داشتن نیاز دارا هستند تبلیغات بگیرند و در سایت‌های متفاوت تبلیغ کنند، مخصوصا سایت‌های فروشگاهی. پس چه بایستی کرد؟ مجموعه seo و وب صفحه آرایی باید با‌دقت به مفاد تحت عمل کنند:
تعادل میان تبلیغات و محتوا در هر شیت از وبسایت می بایست حفظ خواهد شد. محتوا، رضایت استفاده کننده و تجارب کاربری دراولویت می‌باشد.
تاجایی‌که میشود تبلیغات به قسمت پایینی وب سایت (below the fold) منتقل گردد.
در شرایطی که به هر دلیلی باید در نصیب بالایی وبسایت تبلیغ قرار بگیرد، تعداد آن بسیار معدود باشد.
ساخت وب سایت می بایست عکس العمل‌گرا باشد. یعنی طراحی سایت می بایست باتوجه‌به سایز اسکرین‌های گوناگون صورت پذیرد. شاید برای اسکرین‌های خیلی کوچک یک تبلیغ هم در بخش بالایی سایت استفاده کننده را بدون چاره‌ به اسکرول‌کردن کند.
الگوریتم page layout پاپ‌آپ‌ها و همچنین Overly ads (مثل نوارهای تبلیغاتی که در ذیل ویدئوهای یوتیوب وجود دارد) را جریمه نمی‌کند.
توده‌بندی و فایده‌گیری
۱. الگوریتم Page Layout علامت میدهد که تجربیات کاربری و وب دیزاین کاربرپسند چه‌قدر برای seo سایت اصلی می‌باشد.
۲. متخصص سئو نمی‌تواند بدون یاری و همکاری گروه‌های دیگر، وب سایت را با صرفه کند. طراحان وبسایت باید با seo وب سایت آشنا باشند تا بتوانند با مجموعه سئو تعامل مفیدی داشته باشند. به‌همین‌برهان، در آموزش وب صفحه ارایی درباره ی سئو سایت نیز آموزش‌هایی داده می گردد.
۳. آپ تو دیت طرح بندی گوگل هیچ‌چیز از اهمیت آپ دیت‌های دیگر معدود نمی‌کند. همچنان محتوای خوب برای گوگل بسیار اساسی میباشد. کارشناس seo باید باتوجه‌به همه‌ی استانداردهای گوگل و الگوریتم‌ها سایت را با صرفه کند. برای همین است که در آموزش سئو سایت سرفصل مهمی وجود دارااست به‌نام الگوریتم‌ها.

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

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

برای همین من تصمیم گرفتم به عنوان عضوی از دسته یادگرفتن ساخت سایت آکادمی رایا پارس، ترندهایی از ساخت سایت که در سال ۲۰۲۱ انتظار دیدنش را داریم را برای شما عنوان کرده و به طور بی نقص به بازرسی هرمورد بپردازم.
امیدوارم این لیست نه تنها برای شما طراحان سایت الهام نصیب باشد بلکه بتواند موج جدیدی از خلاقیت را که فرای انتظارات ماست در پروژه های شما ایجاد کرد کند.
آنچه درین نوشته خوا‌هیم داشت
ترندهای طراحی سایت سال ۲۰۲۱
۱) استفاده از فونت های کلاسیک (retro fonts)
۲) parallax scroll
۳) پیمایش افقی
۴) استفاده از المان های 3D
۵) به کار گیری از مالتی مدیا
۶) واقعیت افزوده یا AR
۷) استعمال از رنگ های بدون صدا
۸) طراحی مطابق حق اولویت
۹) تاری گاوسی (Gaussian blur)
۱۰) dark mode یا شرایط تاریک
۱۱) استفاده از تصاویر illustration
۱۲) استفاده از شبکه ی GRID
۱۳) نشانگر سفارشی
۱۴) scrolling cards
۱۵) طراحی بدون رنگ (color less design)
۱۶) به کارگیری از صوت audio
۱۷) استفاده از سیستم های مدیر محتوا
توده بندی
نویسنده
علی سخا
ترندهای ساخت وب سایت سال ۲۰۲۱

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

استفاده از فونت کلاسیک در چندین وب سایت مطرح انگلیسی گویش مثل goliath و اسپاتیفای مارا مجاب کرد تا از این مورد به عنوان یکی ترندهای طراحی سایت در سال ۲۰۲۱ یادکنیم و معطل ایده های خلاقانه تری در‌این حوزه باشیم.
۲) parallax scroll
به کار گیری از کارتون های پیمایشی parallax یکی از جریان هایی بوده که درین چند سال در حوزه ساخت سایت به آن معدود تر توجه شده است ولی مشاهده نمونه های بسیار موفقی از پارالاکس اسکرول من‌را مجاب کرد تا آن را در لیست ترندهای طراحی سال ۲۰۲۱ قرار دهم.
برای شعور بهتر از این نوع طراحی به وب سایت gmeadow رجوع‌کنید و با یک اسکرول ساده متوجه منظور من بشوید.
یکی از نکاتی که درین نوع طراحی باید خیلی به آن دقت داشته باشید عدم به کارگیری از اختلاف رنگ های خیره کننده و تایپوگرافی های خیلی خاص هست. در این نوع طراحی باید در نظر داشته باشید که پارالاکس موجب عدم تمرکز و دورشدن مخاطب از اطلاعات اصلی نشود. برای این منظور شما می‌بایست جلوه های بصری را نسبت به شرایط نرمال کاهش داده و این اختلافات را در محدوده کوچکی از کاغذ مراقبت کنید.
به شما توصیه می کنم در‌صورتی‌که قصد دارید از این متد ساخت سایت به کارگیری نمائید قطعا دکمه ای برای بی سر و صدا کردن این دیزاین برای کاربر تعبیه کنید تا آنها بتوانند خودشان نیز در انتخاب نمایش وب سایت نقش داشته باشند.
من امید دارم که سال ۲۰۲۱ به کار گیری از parallax اسکرول به عنوان یک طراحی ظریف، خاص و تا حدی چشمگیر در سایت های فارسی گویش به عنوان ابزاری در پررنگ سازی بخش های مهم سایت، ایفا گردد.
۳) پیمایش افقی
بخش اعظمی از طراحان وب سایت از اسکرول افقی در طراحی صفحه های اساسی وب سایت به کار گیری می‌کنند، البته نه برای اینکه با بقیه افراد تفاوت چشم گیری داشته باشند بلکه برای نمایش اطلاعات جانبی، نمونه و … از آن استعمال می‌کنند.
طراحانی که قصد دارند در سال ۲۰۲۱ از این متد دیزاین در وب سایت خود به کارگیری کنند باید نکات زیر را به یاد داشته باشند:
هرگز کاربران خود را به به کارگیری از این حالت نمایش مجبور نکنید، بلکه به آن‌‌ها اجازه دهید از روش های دیگر نیز برای پیمایش صفحات به کار گیری کنند.
از نشانه ها و المان های تصویری واضحی که به استفاده کننده می‌گوید این شیت به صورت افقی اسکرول می شود به کار گیری فرمائید و این المان ها را نهفته نکنید (رابط کاربری در این مدل طراحی بسیار اساسی هست)
اگر شیت فرود شما محتوای متنی دارد به هیچ وجه از این نحوه استعمال نکنید. (اسکرول افقی برای محتوای یک خطا تبارک می‌باشد به دلیل آن که تجربه کاربری را نسبتاً نابود می کند.)
برای مشاهده یک نمونه باکیفیت از به کارگیری از پیمایش افقی مسلما از وبسایت momentomultimedia بازدید نمایید.
۴) استفاده از المان های 3D
با ظهور و توسعه اسکرین های کیفیت خوب، المان های سه آجل نیز رویه خود را پیدا کردند و توانستند به جایی که سال ها انتظار آن را می‌کشیدیم برسند.
در حال حاضر هم ما شاهد تصاویر سه بعدی با کیفیتی هستیم که به طور گسترده در ساخت سایت گزینه استفاده قرار میگیرند و جداگانه از بهبود تجربه کاربری، کیفیت کاری طراح را نیز به چهره می‌کشند.
یکی از نمونه ها پیروز به کارگیری از المان های سه بعدی وب سایت Sennep هست که توانسته با به کار گیری از خطوط عمیق میان ارکان رابطه خیر برقرار کند. در مجموع در صورتی سایت شما از طرح های مینیمالیستی به کارگیری می‌کند به شما توصیه میکنم از المان های 3D غافل نشوید.
۵) استفاده از مالتی مدیا
با در دسترس قرار تصاحب کردن اینترنت لبریز سرعت، استفاده از مالتی مدیا بین استحصال و کارهای دیجیتال و بالاخص کمپین های تبلیغاتی جان تازه ای گرفت.
مالتی مدیا دربرگیرنده به کارگیری از بیش تر از یک رسانه برای ارتباط با کاربر است. این رسانه ها میتواند مشتمل بر: تصویر، متن، ویدئو، صوت و … باشد و به بهبود تجارب کاربری کمک کند.
در سال ۲۰۲۱ پیش بینی می گردد که طراحان بیش از پیشین به سمت به کار گیری از مالتی مدیا سوق پیدا کنند. در صورتیکه شما نیز قصد دارید به عنوان یک طراح تارنما حرفه ای کمی خلاقانه تر کارکنید و از این ترند سال جدید تبعیت کنید به شما توصیه میکنم مفاد زیر را به خیال بسپارید:
سادگی را در حق اولویت قرار دهید؛ استفاده بیش از حد و یا هم‌زمان از یکسری مدیای گوناگون می تواند موجب مشکل در برقراری رابطه با کاربر گردد و تجربه کاربری تارنما شما را به قهقرا پیروزشود.
از قالب های مختلف رسانه برای تاثیرگذاری بیشتر محتوای خود به کار گیری نمایید.
استفاده از زیرنویس برای محتواهای تصویری و صوتی (از پیش ضبط شده) الزامی میباشد.
از پخش خود کار محتوای ویدئویی خودداری کنید و اختیار پخش یا توقف ویدئو را به مخاطب بدهید.
استفاده از مالتی مدیا یا دو سو دارد، یا می‌تواند تجربیات استفاده کننده شمارا از فرش به اسمان غالب شود یا آن را تماما مختل کند. اینکه استفاده کننده بعد از بازدید از وب سایت شما، حس خیر و خوبی پیدا کند و یا وب سایت شما را ببندد تماما به مهارت شما بستگی دارد. پس به شما سفارش می‌کنم تا قبل از این عمل مطلقا بیزینس و مخاطب را به خیر و خوبی بشناسید و فارغ از شناخت کامل بیزینس به این عمل دست نزنید.
شما می توانید از مالتی مدیا در بخش های مختلفی از روند ساخت سایت خود به کارگیری کنید. در مثال تحت یک عکس از Black Yearbook را مشاهده میکنید. این یک کتاب با سرمایه گذاری گرانقدر، توسط Adraint Bereal و دوستانش تهیه گردیده‌است تا نشان دهد یک دانشجوی آفریقایی تبار در مدارس موفق سفیدپوست آمریکایی چگونه حضور پیدا می کند.
در حالتی که بدین وبسایت نگاهی بیاندازید خواهید رویت کرد که کنترل کامل پخش فیلم به طور کلی روزگار در اختیار شماست. این مدیای تصویری به زیبایی از یک صحنه به صحنه دیگر فیلم برداری گردیده‌است. در بالا، فیلم با موسیقی آرامی در بگراند شروع شده و کاملاً شبیه پیش پرده یک فیلم هیجانی در پشت آن مقدمه ای وجود داراست که باعث می گردد شما بخواهید بیشتر درخصوص یادگیری کتاب و تکان آن اطلاعات کسب کنید.
۶) واقعیت افزوده یا AR
در یک‌سری سال اخیر تکنولوژی AR به طور وسیع ای در بین بیزینس ها و برندهای تعالی رایج شده است. این زمینه در کنار چند نمونه ساخت سایت با استفاده از AR من‌را مجاب کرد تا از آن به عنوان یکی ترندهای جذاب و البته مشقت بار و هزینه بر در سال ۲۰۲۱ خاطر کنم.
استفاده از واقعیت افزوده اکنون معنایی بیش از شکار Pokemon با تلفن های هوشمند دارد. اینک به کار گیری از فناوری های جدید مثل webxr API و نرم افزارهای ساخته شده توسط Wayfair tech ورود به‌این قلمرو را برای تمامی قابلیت پذیر ساخته هست.
یکی تارنما هایی که از تکنولوژی AR در جهت بهبود تجارب کاربری و برانگیختن رقبای تجاری استعمال کرده است، سایت Jeep میباشد. این وبسایت برای راحتی هرچه بیشتر اشخاصی که قصد خرید اتوموبیل دارند در برگه خرید خود قابلیت و امکان نشستن پشت فرمان جیپ و مشاهده قسمت های متعدد آن را مهیا کرده است.
ایده به کار گیری از AR در طراحی وب سایت برای خرده فروش ها، نمایندگی های فروش و… میتواند ایده ای جالب، مشقت بار و البته پربازده قلمداد شود و بیزنس شما‌را از باقی رقبا به طور کامل متمایز کند.
۷) به کارگیری از رنگ های بی سر و صدا
به کارگیری از رنگ های بی سروصدا یا رنگ های خموشی به معنای استفاده از رنگ های روشن و ملایم درخصوص و المان های تیره تر است. این رنگ ها موجب ساخت یک حس وقار بخش و اما پویا در کاربر شده و مستقل از موقعیت کلاسیکی که به سایت می دهد، بسیار خاص نیز است.
به عنوان مثال تارنما magic theatre studio از یک پالت رنگ روشن یاور با بلوک های سبز تیره استفاده کرده است. این کار موجب ساخت یک ناهم خوانی مشخص میان بخش های گوناگون این سایت گردیده‌است. همچنین استفاده از تصاویر پویا و تغییر تحول رنگ ظریف دور‌نما از روشن به تیره، موجب به وجود آمدن یک طراحی زنده گردیده است.
۸) طراحی مبنی بر حق اولویت
در سال های اخیر طراحی و توسعه وب گسترش چشمگیری در امر ارائه محتوای شخصی سازی شده داشته می باشد.
این شخصی سازی می تواند مشتمل بر ساده ترین موضوعات مثل جابجایی در بین وضعیت بدون‌نور و روشن، سایر طرق تغییر و تحول شکل و پیمایش سایت تا ارائه محتوای متناسب با ذوق و سلیقه فرد مانند لیست های پخش سفارشی تشکیل داد شده بوسیله اسپاتیفای باشد.
شیوه ها و الگوریتم های جدید طراحی موجب شده اینترنت کمتر به یک تجربیات کاربر منفعل تبدیل خواهد شد و بیشتر استفاده کننده محور باشد. به لحاظ من نه تنها در سال ۲۰۲۱ بلکه در دهه پیش رو تمرکز بیشتر بر تأمین نیازها، آمال و سلیقه عده ای که در وبسایت ها جستجو می کنند، نقش برگ موفق بیزینس ها را در فضای آنلاین ایفا خواهند کرد.
۹) تاری گاوسی (Gaussian blur)
تاری گاوسی در ارائه یک چرخش و زوم نرم به تصاویر و تشکیل داد شیب های زیبا بسیار بهتر عمل می‌کند. این مدل طراحی آیتم در گذشته نیز وجود داشته می‌باشد البته طراحی صفحه مجدد وب سایت های تبارک در سال اخیر و استفاده از این متد طراحی، نوید آنکه در سال ۲۰۲۱ بیشتر شاهد آن باشیم را به ما اعطا کرد.
ه تیتر نمونه به سایت momenthouse شیت مهم خود را نه با یک تصویر قهرمانانه بلکه با یک تاری گاوسی خاص طراحی صفحه کرده است و در پایین شیت تصویری کامل از لس آنجلس که گویا بیان کنده همان رنگ های محو گاوسی میباشد را به شما نمایش می‌دهد.
از دیگر سایت هایی که از این راه طراحی مسئله به کار گیری کرده اند می‌‌قدرت به تارنما های مقابل اشاره کرد: iamtamara و monographcomms
۱۰) dark mode یا حالت تاریک
شرایط بدون نور یا دارک مود بدون‌شک یکی از مهم‌ترین ترندهای ساخت سایت در سال ۲۰۲۱ میباشد. برای آشنایی کامل با موقعیت dark mode به طبع نوشته ی علمی «چطور از دارک مود در طراحی ربط کاربری به کارگیری کنم» را رسیدگی بفرمایید.
یک کدام از مصداق های بسیار خوب برای حالت تیره یا دارک مود آژانس obys می‌باشد که برگه مهم تارنما خود با یک ادای احترام منحصر به طراح مد، پیتر لیندربرگ، صفحه ارایی کرده و از دارک مود به طور بهینه ای استعمال کرده است.
۱۱) استفاده از تصاویر illustration
در سال های نه چندان دور، طراحان وبسایت تنها از متن (تکست) و در نهایت تعدادی تصویرگرافیکی ساده به عنوان اوج ابداع در طراحی استفاده می‌کردند.
اما امروزه با توسعه ابزارهای طراحی، طراحان وبسایت استفاده از المان های تصویری خاص تر و شخصی تر را برای بهبود رابط کاربری مد لحاظ قرار داده اند. یکی از این نحوه ها، تشکیل داد و ریدیزاین المان های تصویری وکتور می باشد که می‌تواند جدا از فانتزی جلوه دادن فضای وبسایت، جلوه خاصی نیز به شغل شما بدهد.

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

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

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

۴. وب طراحی صفحه باید براساس اصول طراحی رابط کاربری و طراحی تجربیات کاربری باشد
فلسفه‌ی طراحی رابط کاربری و تجربه کاربری در وبسایت این می‌باشد که سایت براساس ترجیحات کاربر و آن‌طور که او تعامل و فهم شل و ول‌تر و ساده‌تری با یک وب سایت و قسمت‌های گوناگون آن دارد، صفحه ارایی گردد. به عنوان مثال، سیستم Navigation یا ناوبری در تارنما بسیار اهمیت دارد. چون مستقیما به‌این مربوط میشود که کاربر چطور بخش‌های گوناگون وب سایت را پیدا کند. در صورتیکه ناوبری در سایت و منو‌ها حیران‌کننده طراحی شده باشند، استفاده کننده چیزی را که می‌خواهد پیدا نمی‌کند و ناراضی تارنما را رخنه‌ می‌کند. وب دیزاینر می تواند باکمک‌به دست آوردن از طراح رابط کاربری و تجربه کاربری به‌راحتی ناوبری سایت را طراحی کند. درواقع:
طراحی UI/UX رویه را برای طراح وبسایت باز می‌کند و به او نماد می‌دهد که برای دیزاین بصری و گزینش و به کارگیری‌ از المان‌های بصری سایت ازجمله رنگ‌ها، آیکون‌ها، دکمه‌ها، CTA‌ها، فضاهای خالی، عکس‌ها و گرافیک‌ها، و همچنین طراحی منوها، تیم‌بندی تولیدات یا بخش‌های مختلف وبسایت، طراحی سلسله‌مراتب بصری و حتی متن‌ها چه‌طور باید شغل کند تا تعامل کاربر با سایت به بهترین شکل انجام شود.

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

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

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

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

دو تصویر زیر را نگاهی فرمایید. متوجه تفاوت در طرح‌بندی صفحه‌اول این دو تارنما شدید؟

۱) استفاده نادرست از لیست ها ‏ul ‎، ‏ol ‎ در جای مورد نیاز‎
در html ما روی هم رفته دو نوع لیست داریم :

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

درون هر دو تگ
و
از تگ
برای ساخت‌و‌ساز آیتم استفاده می گردد. در واقع فارغ از تگ
تگ ul و ol کاربردی ندارند.
این تگ ها برای لیست کردن مطالب ساخته شده اند و کار با آنان بسیار بی آلایش و آسان هست ‏و بضاعت های بسیاری را برای کنترل لیست توسط‎ css ‎تشکیل داد خواهد نمود . به کار گیری از تگ ‏های‎ p ‎، ‏br ‎‏ و هر نوع دیگر از کدهای ‎ htmlبه غیر از تگ های تعریف شده لیست ها ، برای ‏شکل دهی یک لیست عمل اشتباهی می‌باشد که نباید انجام دهید‎.‎

۲) استفاده از تگهای‎ s ‎، ‏strike ‎‏ و del برای نمایش متن های حذف شده‎
شما با استعمال از تگ del در html میتوانید روی محتوایی که درون این تگ قرار گرفته یک خط بکشیم. تگ s و strike هم در اچ تی ام ال برای کشیدن خط روی متن استفاده می شود،
این دو تگ مشابه تگ del شغل می کنند اما از حیث معنایی با هم تفاوت دارند به عنوان مثال ممکن می باشد شما محتوای “بعدازظهر جامع آموزش طراحی سایت” را بر روی صفحه وبسایت خود منتشر فرمایید اما مثلا به مناسب عید باستانی تصمیم بگیرید به مخاطبان خود ۳۰ درصد تخفیف دهید با به کارگیری از تگ del می توانید بر روی بها پیشین یک خط بکشید و بعد قیمت نو را درج نمائید.

در نسخه های جدید از تگهای‎ del ‎برای علامت دادن متن حذف شده و از تگ‎ ins ‎برای ‏نشانه دادن متن وارد شده به جای متن حذف شده به یار هم استفاده میشود. بنابراین ‏در گیر غلط نشوید و از‎ strike ‎و‎ s ‎استفاده نکنید‎.. ‎این نوع از تگ ها ‏با ورود نسخه های جدیدی ‎دگرگون شده اند و تگ های ‏strike ‎‏ و‎ s ‎که قبلا برای این ‏منظور به کار گیری می شده اند دیگر کاربردی نخواهند داشت و استعمال از آن‌ها غیر استاندارد ‏و به نوعی نادرست خواهد بود.‏

افرادی که این نوشته ی علمی را پژوهش کرده اند به تحقیق مقاله ها تحت نیز علاقه آرم داده اند:

پنج غلط مرگ آور کارفرمایان در سفارش طراحی وب سایت

رازهای به کار گیری از تصاویر در طراحی وب

۳) به کار گیری نکردن از تگهای ‎ Heading
حتما از عنایت تگ های‎ heading – h1,h2,h3,h4,h5,h6 – ‎در طراحی و سئوی تارنما ‏با خبر هستید از این تگ ها برای مشخص و معلوم نمودن سر فصل ها و عنا وین برای مطالب منتشر ‏شده در وبسایت با تمرکز به سکو التفات آنان به کارگیری می‌شود همین الان متنی که دارید تفحص میفرمایید دارای تگ‌های هدینگ گوناگون می‌باشد که با دقت به مضمون و عنا وین بین متون قرار داده ام.
سر فصل هایی که با تگهایی غیر از تگهای‎ Heading ‎ساخت‌و‌ساز شده اند در مرورگرهای متنی قابل ‏تشخیص نخواهند بود و همچنین از حیث موتورهای جستجو اهمیتی نخواهند داشت‎.
به کار گیری از انواع تگ های دیگر و به کارگیری از‎ CSS ‎برای تغییر تحول ظاهری عناصری غیر از تگهای‎ ‎heading ‎‏ ، برای ساخت‌و‌ساز راز فصل غلط بزرگی خواهد بود.

۴) اضافه نکردن‎ alt image به تصاویر در تارنما‎
استفاده از‎ alt ‎برای تصاویر به بازدیدکنندگان صفحه ها وبسایت شما و همچنین موتورهای ‏جستجو کمک میکند تا مسئله تصویر منتشر شده در وب سایت شمارا تشخیص دهند.‏
موتورهای جستجو به توضیحات یا همان ‏alt‏ تصاویر خیلی اعتنا می کنند و این ‏alt‏ ها روی سئوسایت شما نیز ‏اثر بسیار مثبتی داراست.

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

‎۵) استفاده از تگهای ‏b‏ ،I ‎‏ ،strong ‎‏ ،em ‎‏ برای‎ bold ‎و‎ italic ‎کردن متن
۱) متن مورد نظر را بولد می کند بدون اینکه از لحاظ معنایی اهمیتی بیشتری برای آن در لحاظ بگیرد.
۲) متون حاذق را مشخص میکند، از دید ظاهری متن مورد نظر تفاوتی با زمانی که عنصر را روی آن جاری ساختن می کنیم ندارد؛ ولی از لحاظ معنایی این تگ التفات بیشتری به متن ما می‌بخشد و زمانی از آن به کار گیری می‌گردد که بخواهیم به استفاده کننده بفهمانیم متن مورد نظر ما مهم هست.
۳) کجی متن ها را مشخص میکند اما از نظر معنایی التفات بیشتری برای آن در لحاظ نمی گیرد.
۴) برای متونی استعمال می‌شود که بر آن تاکید گردیده‌است و از لحاظ معنایی التفات بیشتری به متن ما میدهد، از نظر ظاهری تفاوتی با زمانی که از تگ برای متون استعمال می‌کنیم ندارد.‌

در صورتیکه شما به بهینه سازی و سئوی سایت خود التفات می دهید خوب ‏است از تگ های‎ strong ‎و‎ em ‎به صورت مستقیم در کدhtml ‎ به جای تگهای‎ b ‎و‎ i ‎و همچنین‎ ‎style ‎‏ ها به کار گیری نمائید .

به‌این نکته بسیار مهم اعتنا داشته باشید که تگ های‎ b ‎و‎ i ‎تگهای نمایشی می‌باشند و تگهای‎ strong ‎و‎ em ‎تگ های مفهومی و نمایشی میباشند، ‎مضمون‌ ‏این پاراگراف این خواهد بود که متن ها به وسیله‎ b ‎و‎ i ‎فقط یک تغییر‌و تحول وضعیت ظاهری پیدا کرده اند ‏و به همین عامل مورد دقت موتورهای جستجو قرار نخواهند گرفت،
البته با استفاده از تگهای‎ ‎strong ‎و‎ em ‎شما به هم پا تغییرات ظاهری یک شخصیت نیز به متن خود خواهید اعطا کرد و ‏اعلام خواهید کرد که این متن در داخل این نوع از تگ ها از التفات بیشتری برخوردار خواهد ‏بود.

در مواردی مخاطبان شما از ‏مرورگرهای متنی بدون استفاده از‎ style ‎ها استفاده خواهند کرد که در این حالت تفاوتی ‏مابین کلمه ها ‏bold ‎‏ و‎ italic ‎شده توسط‎ CSS ‎با سایر کلمات نخواهند روءیت کرد و این ایراد سبب ساز ‏کاهش خوانایی مطالب شما میگردد و کلمات با جايگاه مداقه بیشتر آیتم توجه استفاده کننده قرار ‏نخواهد گرفت‎.

۶) به کارگیری از تگهای‎ blink ‎و‎ marquee
marquee نام تگی می باشد که نخسین بار بوسیله مرورگر اینترنت اکسپلورر (Internet Explorer) معرفی شد، این تگ با غرض متحرک سازی متن، تصویر و… در صفحه ها به صورت های گوناگون، مثلا اسکرول در جهات متفاوت با قابلیت تهیه سرعت، رنگ و بعضا ویژگی های دیگر ارائه گردید و فعلا توسط اکثر مرورگرهای وب به نه مدد می شود.

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

۷) اضافه و حذف کردن‎ border ‎در تگ‎ html
در استاندارد های امروزی استفاده از این نوع خصوصیت به صورت بی واسطه در تگ‎ ‎هایhtml ‎ پیشنهاد نمی شود و خوب می‌باشد به جای استفاده از این خصوصیت در تگهایhtml ‎ چشم پوشی کنید و تغییرات مورد نظر خود را با به کار گیری از خصوصیت‎ border ‎در‎ CSS ‎اجرا دهید.

‎ Border ‎ها یکی از‌از سایر از خصوصیات تعدادی از عناصر ‎ htmlهستند که شما می توانید با ‏استفاده از این خصوصیت به صورت مستقیم در تعدادی از تگ‎ ‎هایhtml ‎ آن‌ها را حذف ، اضافه ‏و ویرایش نمائید.

‎۸) قرار دادن تگ‎ ‎های‎ Block ‎در بین تگ های ‏‎ Inline
یک عنصر Block عنصری هست که کل طول یک سطر را اشغال می کند و قبلی و آن گاه یک سطر وجود داراست.
یک عنصر Inline تنها به اندازه ای که نیاز دارااست، عرض یک سطر را اشغال می کند، و هیچ اجباری در اشغال تک تک یک سطر وجود ندارد.
عنصرها html ‎ به دو گروه‎ inline ‎و‎ block ‎تقسیم بندی می شوند.
هر تگ به صورت پیش فرض ‏دارای خصوصیت‎ inline ‎و یا ‏block‏ است. عنصرها‎ Inline ‎با توجه به نوع و خصوصیت شان باید در ‏داخل عناصر‎ block ‎قرار بگیرند تا بتوانند با به کار گیری از این نوع از تگ ها در جریان صفحه قرار ‏بگیرند.

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

۹) استفاده از‎ inline style
استفاده از روش استایل دهی inline کار غیر استانداردی نیست البته خب پیشنهاد میکنیم از این‌شیوه استفاده نکنید.
به کارگیری از این روش یه خصوصی مشکلات و معایب برای شما به وجود می‌آورد که در‌پی به توضیح آن می پردازیم.
۱) ارتقا حجم صفحات
زمانی که از استایل دهی درون خطی به کار گیری می کنید، حجم پوشه های شما تا حد زیادی ارتقاء پیدا میکند و این موضوع یک نکته منفی برای تارنما شما به حساب میآید؛ از آنجایی که موتورهای جستجو تخت‌گاز بارگذاری وب سایت اهمیت زیادی می دهند، سنگین شدن صفحات، تاثیر نامناسبی بر سئوی وبسایت شما میگذارد.
۲) ویرایش سخت کدها
ویرایش کدهایی که به صورت inline استایل دهی شدند، ایرادات زیادی داراست، به خصوص هنگامی که تعداد خطوط کدهای شما خیلی بالاست یا یک‌سری فایل مستقل دارید، جستن این استایل ها و تغییر اونها یک فعالیت دشوار و در بعضی مورد ها حتی غیر ممکن می‌باشد.
۳) ایجاد نقص‌ برای کدهای css خارجی
استایل هایی که به صورت inline به صفحه های html داده شدند، نسبت به استایل های خارجی الویت بالاتری دارا‌هستند و همین مورد سبب ساخت و ساز برخی ایرادات می‌گردد. مثلا زمانی که میخواید یک سری تگ رو با یک کلاس خاص استایل دهی نمایید و یکی‌از این تگ ها یک استایل درون خطی دارد ممکن است آن استایل باطن خطی نظم کدهای شما رو بهم زده و از شغل کردن استایل خارجی غربت کند.

۱۰) به کار گیری بیش تر از حد از تگ ‏‎ br
تگ br برای ساخت‌و‌ساز فاصله و ناکامی صرفا یک خط در متن مورد استفاده قرار می گیرد . به کار گیری از تگ br برای ایجاد فاصله هایی بیشتر از یک خط میان خطوط و یا موادسازنده دیگر نادرست می باشد . برای ساخت فاصله بیشتر از یک خط میان خطوط می‌توانید به راحتی از تگهای p و یا خصویت padding و margin و حتی line-height به کارگیری نمایید .

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

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

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

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

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

ویژگی‌های وبسایت شرکتی
البته یک تارنما شرکتی باید دارای چه ویژگی‌هایی باشد تا بهترین سعی و بازدهی را برای شرکت یا
سازمان به ارمغان آورد؟ در تحت به برخی از این ویژگی‌ها اشاره خواهیم کرد.

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

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

طراحی سایت در مشهد

رایا پارس

ahrefs

طراحی سایت

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

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

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

هرچند در‌صورتی‌که بخواهید خصوصیت خاصی در وبسایت خویش داشته باشید یا این که قابلیت و امکان خاصی را به سایتتان اضافه نمائید که به طور پیشفرض در وردپرس و افزونه‌هایش یافت نشود بایستی هزینه کرده و از یک دارای تخصص بخواهید این نصیب را به وبسایت شما بیفزاید (یا این که خودتان اپلیکیشن‌نویسی نمایید)

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

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

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

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

8 ضابطه روانشناسی که بایستی در ساخت وب سایت به آنها دقت نمایید
پیش از این در نوشته‌ی علمی‌ای راجع‌به UI و UX کلام کرده‌ بودیم، یک کدام از مواقعی که بایستی در پیاده سازی تجربیات‌ی کاربری یک وبسایت به آن دقت داشته باشید رعایت اصول روانشناختی و اعتنا به روحیات آدم‌هاست، مواقعی که شاید در نگاه نخستین به هیچ وجه اساسی به لحاظ نرسند البته به شدت روی کاربردپذیری وبسایت شما و ارتقا نرخ تبدیل‌ (Conversion Rate) و در فیض ارتقاء فایده شما اثرگذار خواهند بود، به دنبال با همیار آی‌تی همپا باشید تا با هم به پژوهش این ضوابط به ظواهر معمولی البته اساسی بپردازیم.