فتوشاپ نرم افزاری جهت طراحی قالب سایت می باشد که از طریق این نرم افزار طراحان وب می توانند ظاهر و قالب سایت و گرافیک های مربوط به آن را پیاده سازی نمایند. جهت رویت ویدئوهای آموزش به لینک زیر مراجعه نمایید. البته این ویدئوها به زبان انگلیسی می باشد و در 26 فایل ویدئو مختلف می باشد. این ویدئو به شما ابزارهای جدید مناسب در طراحی وب سایت را توسط فتوشاپ cs6 آموزش می دهد.
برای آنکه سایت در موتورهای جستجو رنک بگیرد می بایست اصول و قواعدی که لازم است برای موتورهای جستجو در آن رعایت شود. یک طراح سایت همیشه می بایست پس از طراحی سایت، وب سایت را از هر نظر بررسی نموده تا موارد و مشکلات آن رفع گردد زیرا این مشکلات می تواند آسیب های جدی به سایت بزند.
فرآیند بررسی سایت به سه مرحله تقسیم شده: سئو کل سایت, سئو صفحات و خارج از صفحات.
سئو کل سایت به بررسی کل سایت می پردازد
بهینه سازی صفحه به رنک گرفتن یک صفحه برای موتورهای جستجو برای کلمات خاص گفته می شود
تاکتیک سئو بر روی خارج از سایت
برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.
<html>
<head><title>Test</title></head>
<body>
<ul class="more">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
<li>ten</li>
</ul>
<script type="text/javascript" src="/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function() {
$("ul.more").each(function() {
$("li:gt(4)", this).hide(); /* :gt() is zero-indexed */
$("li:nth-child(5)", this).after("<li class='more'><a href='#'>More...</a></li>"); /* :nth-child() is one-indexed */
});
$("li.more a").live("click", function() {
var li = $(this).parents("li:first");
li.parent().children().show();
li.remove();
return false;
});
});
</script>
</script
</body>
</html>
گوگل اعلام نموده ابزار ساخت سایت و برنامه وب خود را با نام طراح وب گوگل به زودی منتشر خواهد نمود که این برنامه از html5 برای ایجاد صفحه استفاده می نماید.
به طوری که اعلام شده - در این مقاله که توسط تیم گوگل نوشته شده اولین هدف گوگل از راه اندازی این ابزار برای اشخاصی می باشد که می خواهند از طریق سایت تبلیغات آنلاین راه اندازی نمایند.
در این مقاله همچنین آمده که طراح وب گوگل به همراه DoubleClick Studio - یک سیستم تبلیغات برای شرکت ها- و AdMob, راه حل تبلیغاتی گوگل برای موبایل, که از طریق آن به راحتی می توان سایت هایی با کدینک html5 برای پلت فرم های مختلف پیاده سازی نمود آمده.
با توجه به اینکه همه می دانیم گوگل اکثر درآمد خود را از طریق تبلیغات دست می آورد دور از ذهن نبوده که گوگل چنین نرم افزارهایی را در سیستم اضافه نماید، البته گوگل اعلام نموده این سیستم را صرفا برای ساخت وب سایت و برنامه های وبی ایجاد نموده است.طراح وب گوگل برای چند ماه دیگر منتشر خواهد شد و گوگل تمام تلاش خود را نموده تا این نرم افزار سیستم بسیار مناسب و راحتی برای امور تبلیغاتی اشخاص و شرکت ها باشد.
این کتاب ها به زبان انگلیسی می باشند و هر کدام بخشی را در زمینه طراحی وب پوشش می دهند توسط این کتاب ها می توانید سطح دانش خود را در زمینه طراحی وب سایت تا حد بالایی ارتقاء دهید.
Getting Real به شما نحوه ساخت وب سایت را از مرحله مقدماتی طراحی وب تا مراحل پیشرفته آن آموزش می دهد.
یک مقاله بسیار کامل دز زمینه تایپوگرافی که طراحان وب بسیار با آن سرو کار دارند. این مقاله خواننده را به طور کامل با تایپوگرافی آشنا می سازد.
کتابی در زمینه نحوه مدیریت پروژه های طراحی وب و اینکه چرا برخی از آنها به ثمر نمی رسند. این مقاله توضیحات کاملی را برای مدیریت هر چه بهتر یک پروژه طراحی وب سایت ارائه می نماید..
این کتاب تکنیک های طراحی در محیط وب را به شما آموزش می دهد که شامل تایپوگرافی,رنگ ها و لایه ها می باشد.
یک کتاب مقدماتی در زمینه طراحی وب سایت, این کتاب با توضیحات اولیه در مورد طراحی یک صفحه ساده شروع می شود, و در نهایت css و کار گرافیکی بر روی وب سایت را آموزش می دهد.
کتابی جهت آموزش html5 می باشد که در آن مواردی که در html5 اضافه گردیده بیشتر آموزش داده شده. این کتاب برای اشخاصی که با html4 آشنا هستند مناسب تر می باشد.
این کتاب برای همه طراحان وب توصیه می شود در این کتاب راه کارهای مناسبی برای طراحان وب هم کسانی که به صورت انفرادی فعالیت می کنند و هم کسانی که در یک مجموعه فعالیت می نمایند آمده. خواندن این کتاب به بهتر نمودن بینش طراحان وب کمک می نماید.
این کتاب کمک آموزشی بسیار مناسبی برای افرادی می باشد که به طراحی پیکسلی علاقه دارند در این کتاب یه اصول طراحی ظریف صفحه وب سایت، عکس ها و تصاویر اشاره شده.
در صورتی که کار طراحی وب سایت شما خوب پیش می رود و همه مشتریان شما راضی هستند می بایست مواردی را انجام دهید تا این کسب و کار شما ادامه یابد.
این مقاله راه هایی برای توسعه و بهتر نمودن یک شرکت طراحی سایت می باشد.
با چه شرکت های دیگری مشتریان شما کار می کنند. می توانید با آن شرکت ها شریک شده و نیازهای مشتریان خود را در محدوده وسیع تری پوشش دهید.
در اینجا شرکت هایی که ممکن است مشتریان شما به جز شما با آنها فعالیت نمایند را بیان می نمایم:
سیستمی را طراحی نمایید که در صورتی که شخصی سایتی را جهت طراحی به شما معرفی نمود به آن شخص تخفیف و هزینه بازاریابی داده شود. این مورد را سیستماتیک نمایید به صورتی که معرفی کنندگان شما بتوانند مبلغ قابل توجهی از معرفی شما درآمد کسب نمایند.
تنها کاری که می بایست انجام دهید این است که در سایت خود سیستم بازاریابی راه اندازی نمایید تا توسط آن اشخاصی را که توسط سایر اشخاص معرفی می شوند را شناسایی نمایید.
در صورتی که در سایت خود کالاهای خاصی نیز به مانند پلاگن های وردپرس و جوملا و یا هاستینگ به فروش می رسانید می توانید از نرم افزارهای خاصی به مانند Google Affiliate Network و Commission Junction جهت ایجاد سیستم معرف خود کمک بگیرید.
برای راه اندازی سیستم معرفی مشتری خود موارد زیر را در ذهن داشته باشید:
در صورتی که کالای خاصی را برای مشتریان خود خریداری می نمایید می توانید نمایندگی آن کالا را از شرکت مربوطه برای گرفتن سود بیشتر دریاقت نمایید.
به طور مثال می توانید نماینده فروش محصولات زیر باشید:
سیستم معرفی مشتری سیستم بسیار مناسبی برای کسانی می باشد که می خواهند از طریق شما و به صورت بسیار ساده کسب درآمد نمایند.
ریسلر شدن شرکت ها به شما این امکان را می دهد که کالای سایر شرکت ها را به قیمت بسیار پایینی خریداری نموده و آن را به قیمت پایه شرکت بفروشید و از این کسب درآمد نمایید.
تفاوت این دو در محدوده در آمد می باشد که سیستم های ریسلر به شما امکان بیشتری در کسب درآمد نسبت به سیستم های معرفی مشتری می دهد.
برخی موارد در مورد سیستم های ریسلر:
سعی نماید رویدادها و سمینارهای و کلاس های را در زمینه شغلی طراحی سایت برگزار نمایید. توسط این رویدادها و میزبانی کردن آنها توسط شما بیشتر شناخته می شود و از این طریق مشتریان بیشتری بدست می آورید.
از افراد مهمی در زمینه شغلی طراحی سایت جهت شرکت در جلسه و انجام سخنرانی دعوت به عمل بیاورید و با کارشناسان طراحی وب و نخبگان این رشته در تماس باشید.
برگزاری این سمینارها و جلسات به معرفی هر چه بیشتر شدن شما و در نتیجه افزایش مشتریان و اعتبار شما کمک شایانی خواهد نمود.
در این مقاله راه هایی که می توان توسط آن سرعت لود شدن یک سایت وردپرس را بالا آورد را برای شما آورده ام که در این سال های طراحی سایت وردپرس با آن ها آشنا شده ام.
حتی استفاده از چندین راه حل این مقاله تاثیر بسیار زیادی در افزایش سرعت وب سایت خواهد داشت.
هاست اشتراکی به هیچ وجه برای میزبانی سایت شما مناسب نیست با وجود اینکه قیمت هاست های اشتراکی پایین است ولی سرعت و آپتایم آن پایین می باشد و به هیچ وجه مناسب سایت وردپرس شما نیست.
شما در حقیقت با استفاده از هاست های اشتراکی زحمات خود را در طراحی سایت بر باد می دهد زیرا قطعی سایت و سرعت لود شدن پایین آن باعث از دست رفتن کاربران سایت شما خواهد شد.
تنها هاست مناسب و ارزانی که مخصوص وردپرس در ایران می شناسم هاست دارکوب می باشد
سرورهای هاست دارکوب مناسب برای میزبانی سایت وردپرس پیاده سازی شده و کلیه پلاگین ها و ماژول های لازم php و آپاچی برای پشتیبانی از تمامی قابلیت های وردپرس در آن تعبیه شده و آپتایم آن 99.9% می باشد.!
سعی نمایید برای سایت خود از قالب های ساده و سبک استفاده نمایید و حتی المکان از قالب های گرافیکی استفاده نکنید.
استفاده از طرح ها و قالب های گرافیکی و پرحرکت سرعت سایت شما را تا حد زیادی پایین می آورد .
بر اساس تجربه من سریع ترین قالب وردپرس از نظر لود شدن و سبک بودن قالب روبرو می باشد Thesis Theme Framework.
معمولا قالب های سبک و ساده وردپرس تاثیر بسیار مثبتی بر روی سئو سایت شما خواهند داشت.
پلاگین های وردپرس بسیاری وجود دارند که می توانید سرعت سایت و لود شدن سایت خود را توسط آن ها بالا ببرید این پلاگین ها عملکرد وردپرس را بهینه سازی می نمایند و باعث افزایش کارکرد آن می شوند.
بهترین پلاگین وردپرس برای کش کردن وب سایت از نظر من W3 Total Cache می باشد که تنظیمات فراوانی دارد و تقریبا بیشتر روش های بهینه سازی وب سایت در آن دیده شده.
برای استفاده از آن کافی است پلاگین را بر روی سایت وردپرس خود نصب نموده و فعال سازی نمایید سپس به بخش تنظیمات رفته و روش های مورد نظر خود را فعال نمایید. جهت جلوگیری از خرابی وب سایت بهتر است روش ها را تک تک تست نموده.
با استفاده از این شبکه های انتقال داده می توانید سرعت سایت خود را به میزان قابل توجهی بالا ببرید.
شبکه های انتقال داده موارد استاتیک سایت شما به مانند تصاویر و اسکریپت ها را در نزدیکترین فاصله سروری در اختیار کاربران قرار می دهند.
من از Max CDN Content Delivery Network برای سایت وردپرس خود استفاده می نمایم زیرا قیمت های مناسبی دارد و سرعت سرویس های آن بالا می باشد.
یک پلاگین نیز به نام Free-CDN موجود است که می توانید آن را بررسی نمایید.
یاهو یک بهینه ساز تصاویر به نام Smush.it دارد که توسط آن می توانید تصاویر سایت را بهینه سازی نمایید بدون آنکه کیفیت تصاویر از دست رود
استفاده از این نرم افزار برای تک تک تصاویر بسیار مشکل می باشد.
خوشبختانه پلاگینی به نام WP-SmushIt موجود است که عملیات بهینه سازی بر روی تصاویر را بر روی همه تصاویر به صورت خودکار انجام می دهد.
صفحه اصلی سایت شما مهمترین صفحه از سایت شما می باشد که با بهینه سازی آن می توانید بازدید کننده از سایت خود را تا حد بسیار زیادی راضی نگاه دارید
مواردی که می توانید انجام دهید:
در این مقاله از کلمه بهینه سازی بسیار استفاده شده.
بهینه سازی از راه های بسیار متفاوتی انجام می پذیرد
به سادگی می توانید از پلاگین WP-Optimize جهت بهینه سازی جداول سایت خود استفاده نمایید.
این پلاگین جداول دیتابیس را بهینه سازی نموده و از آن اسپم و موارد نا مربوط را حذف نموده و عملکرد دیتابیس را بهبود می بخشد
همینطور پلاگین WP-DB Manager را پیشنهاد می نمایم که قابلیت زمان بندی جهت بهینه سازی جداول را دارد.
هاست لینکینگ به عملیات دزدی پهنای باند گفته می شود بدین صورت که سایت های دیگر از تصاویر و مطالب سایت شما به صورت مستقیم در سایت خود استفاده می نمایند.
در صورتی که در سایت خود تصاویری استفاده می نمایید که نشان از شما دارد لازم نیست این کار را انجام دهید.
کد زیر را در فایل .htaccess خود در ج نمایید:
disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/sparringmind [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
در صورتی که از فید استفاده می نمایید می بایست آدرس فید خود را در کد بالا جایگرین نمایید
می توانید بعضی از المان های صفحه را جهت بارگذاری مجدد تاریخ انقضاء بزنید تا زمانی که لازم نیست تصاویر و فایل ها از کامپیوتر کاربری که قبلا سایت را رویت نموده لود گردد
بدین روش می توانید تا حد قابل قبولی سرعت سایت خود را بالا ببرید و بار بر روی سرور را کم نمایید.
کد زیرا را در فایل .htaccess کپی نمایید:
ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
زمان های بالا برای یک ماه می باشند می توانید مقدار آن را تغییر دهید
تصویر پیش فرض گراواتار سایت به صورت پیش فرض به صورت خالی می باشد
شما می توانید تصویر پیش فرض را فضای خالی قرار دهید به جای تصویر این مورد را می توانید از بخش گفتگوهای پنل وردپرس انجام دهید
این یک تکنیک می باشد برای اینکه تا زمانی که اسکرول صفحه به تصویری نرسیده تصویر مورد نظر لود نشود.
این روش باعث کاهش مصرف پهنای باند شما نیز می شود زیرا تصاویر اضافی برای کاربر لود نمی شود.
جهت فعال سازی این مورد پلاگین jQuery Image Lazy Load را نصب نمایید.
وردپرس به شما این امکان را می دهد که از نوشته خود نسخه های قدیمی را نگاه دارید
می توانید ار پلاگین Revision Control برای کنترل نسخه های قدیمی یک نوشته استفاده نمایید و بدین طریق حجم دیتابیس خود را کاهش دهید.
به طور پیش فرض ورد پرس با سایت های pingbacks و trackbacks در ارتباط می باشد.
زمانی که بلاگ جدیدی شما را معرفی می نماید آیتم به سمت سایت شما ارسال می شود. با غیر فعال سازی این پینگ ها بار زیادی از روی سرور برداشته می شود.
برای اطلاعات بیشتر مقاله رویرو را مطالعه نمایید WordPress Pingbacks, Trackbacks and Linkbacks.
می توانید برخی از صفحات خود را صورت HTML طراحی نمایید تا لود صفحات شما بالاتر بیاید. صفحاتی که تغییر چندانی ندارند را می توانید به این صورت طراحی نمایید.
CloudFlare نرم افزاری برای لود دیتاهای سایت از مناطق مختلف سروری می باشد که به صورت خودکار نزدیکترین سرور به کاربر را می یابد و بدین طریق سرعت لود سایت شما را بالا می برد
برای قرار دادن کافی است در سایت, CloudFlare, ثبت نام نموده و پلاگین W3 Total Cache نصب نموده و تنظیمات کلوفلیر پلاگین را بدرستی انجام دهید تا سایت شما هم از نظر امنیتی و هم سرعت ارتقاء یابد
WordPress نرم افزار ایجاد و راه اندازی وب سایت می باشد. چیزی که قبل از این به عنوان یک سیستم وبلاگ شناخته می شد هم اکنون به صورت یک سیستم مدیریت محتوا (CMS ) قدرتمند و منعطف پیاده سازی شده که طراحی سایت های کوچک و بزرگ از آن استفاده می شود. در صورتی که پیاده سازی سایت خود را می خواهید در مدت زمان بسیار کمی انجام دهید استفاده از وردپرس توصیه می شود چرا که نیازی به دانستن کد نویسی برای ایجاد وب سایت ندارید و این کار را می توانید تنها به اجرای دستوراالعمل های نرم افزار انجام دهید. ابزارهای بسیاری وجود دارند که به شما کمک می کنند سایت ورد پرس خود را راه اندازی نمایید. در این مقاله سعی نموده ام برای شما ابزارهای محبوب و مورد نیاز شما را که در طراحی سایت وردپرس خود به آن نیاز دارید برای شما لیست کنم.
در صورتی که قصد طراحی سایت خود را دارید اولین گام در پیاده سازی وب سایت طراحی قالب وب سایت می باشد. سایت های زیر قالب های وردپرس جدید و استانداردی را به صورت رایگان در اختیار شما قرار می دهند.
زمانی که قالب وردپرس را طراحی می نمایید، ممکن است مشکل باشد که تمامی مراحل ساخت قالب را به خاطر بسپارید. Cheat sheets ابزارهای مناسبی برای ثبت عملکردهای شما هستند.
به جای کدنویسی قالب وردپرس از پایه فریم ورک های ایجاد قالب به شما این امکان را می دهند که پایه قالب خود را دریافت نمایید و تنها تغییرات لازم در قالب خود را انجام دهید و بدین وسیله در وقت و زمان خود صرفه جویی نمایید.
سایت های آموزشی وردپرس بسیاری وجود دارند که در صورتی که شما در هر سطحی در زمینه طراحی وب باشید می توانید با کمک این سایت ها مشکل خود را رفع نمایید. در حقیقت یکی از مهمترین مزایای وردپرس تعداد استفاده کنندگان بالای آن می باشد که باعث می شود سایت های بسیاری جهت رفع مشکلات کاربران مربوط به این سیستم مدیریت محتوا ایجاد گردد. سایت های زیر شما را از مبتدی تا حرفه ای در ایجاد سایت وردپرس راه نمایی می نمایند.
مهمترین مزیت وردپرس پلاگین های بسیار زیاد آن می باشد که با توجه به تعداد زیاد کاربران آن به وجود آمده. پلاگین های وردپرس امکانات اضافه ای به وردپرس می دهند و این امکان را به شما می دهند که توسط وردپرس هر نوع سایتی را طراحی نمایید. این پلاگین ها به شما این امکان را می دهند که سایت وردپرس خود را با قابلیت های بیشتری مدیریت نمایید. لیست زیر پلاگین هایی هستند که معمولا در ساخت سایت خود به آن نیاز دارید. برای رویت لیست پلاگین ها به لیست پلاگین های وردپرس مراجعه نمایید.