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

استفاده مناسب از عنوان ها – آموزش بهینه سازی سایت – #8

استفاده مناسب از تگ های عنوان ( h1,h2,h3,h4,h5,h6 ) از تگ های عنوان برای تاکید بر اهمیت متن استفاده کنید تگ های عنوان ( با تگ head در html یا عناوین http اشتباه نکنید) برای نمایش مناسب ساختار متن در صفحه به کاربران استفاده می شوند و از اهمیت بسیار زیادی در بهینه سازی وب سایت برای موتورهای جستجو برخوردارند. تگ های عنوان دارای ۶ سایز هستند اولین تگ با h1 که مهمترین تگ است شروع می شود و به تگ h6 که کم اهمیت... استفاده مناسب از عنوان ها – آموزش بهینه سازی سایت – #8

آشنایی با CSS Float

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

بهینه سازی تصاویر – آموزش بهینه سازی سایت – #7

بهینه سازی تصاویر برای موتورهای جستجو اطلاعات مرتبط با هر تصویر توسط alt text قابل درک است تصاویر بخش قابل ملاحظه ای از صفحات وب سایت شما را تشکیل میدهند بنابراین بهینه سازی تصاویر برای موتورهای جستجو از اهمیت بسیار زیادی برخوردار است.توانایی alt در یک تگ img این توانایی را به شما خواهد داد تا یک توضیح و اطلاعات جایگزین برای یک تصویر بنویسید. هنگامی که این تصاویر به هر دلیلی در صفحات وب... بهینه سازی تصاویر – آموزش بهینه سازی سایت – #7

استفاده از متن مناسب برای لینک – آموزش بهینه سازی سایت – #6

استفاده از متن مناسب برای لینک متن مناسب برای لینک باعث آسانتر شدن بررسی محتوا توسط موتورهای جستجو می شود متن لینک متن قابل کلیکی است که در بین تگ anchor , a قرار میگیرد و کاربر در نتیجه این متن را خواهد دید و برای رفتن به صفحات مورد نظر بر روی آن کلیک می نماید . این متن درباره صفحه ای که به آن خواهیم رفت به کاربران و رباتهای گوگل توضیحات اولیه خواهد داد و کمک میکند تا محتوای صفحات مورد نظر... استفاده از متن مناسب برای لینک – آموزش بهینه سازی سایت – #6

آشنایی با Display , Visibility در CSS

توانایی Display مشخص کننده نحوه نمایش یک عنصر در صفحه است و توانایی Visibility مشخص کننده قابل مشاهده بودن یا مخفی بودن یک عنصر است . مخفی نمودن عناصر به وسیله CSS با استفاده از display:none , visibility:hidden برای مخفی نمودن یک عنصر با استفاده از CSS میتوانید از دو توانایی display , visibility استفاده نمائید که هر یک دارای خصوصیات متفاوتی هستند. با تعیین خصوصیت و توانایی display:none و یا visibility:hidden شما میتوانید یک... آشنایی با Display , Visibility در CSS

ارائه محتوا و خدمات – آموزش بهینه سازی سایت – #5

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

گزینشگرهای تو در تو , گزینشگرهای گروهی در CSS

گزینشگرهای گروهی ( CSS Grouping Selectors ) بساری از عناصر در یک سند CSS ، دارای style های یکسانی می باشند ، تکرار این گونه از خصوصیت ها میتواند حجم سند CSS را افزایش دهد و هچنین راحتی کنترل و کار با سندهای CSS را تحت تاثیر قرار دهد . برای بهینه نمودن کدهای CSS از تکنیک گزینشگرهای گروهی ( CSS Grouping Selectors ) برای افزایش کنترل ، کاهش حجم کدها و سند CSS استفاده میشود . ... گزینشگرهای تو در تو , گزینشگرهای گروهی در CSS

دسترسی آسان به صفحات – آموزش بهینه سازی سایت – #4

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

آشنایی با مفهوم Margin , Padding , Border در CSS

تمامی عناصر HTML را میتوان به صورت یک چهار ضلعی یا جعبه ( Box ) در نظر گرفت . برای ایجاد ساختار مناسب در طراحی یک وب سایت این Box ها در کنار یکدیگر قرار خواهند گرفت . مفهوم Box Model در CSS به بررسی خصوصیات و توانایی های این اجزاء ( Box ) می پردازد . مفهوم یک Box در CSS نشان دهنده محیط اطراف یک عنصر HTML است که دارای خصوصیات Margin , Padding ,Border و محتوا یا Content است . مفهوم Box Model این توانایی را به ما میدهد تا... آشنایی با مفهوم Margin , Padding , Border در CSS

url بهبود ساختار لینک ها – آموزش بهینه سازی سایت – #3

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

meta description متا تگ توضیحی – آموزش بهینه سازی سایت – #2

استفاده از متا تگ های توضیحی meta description خلاصه ای از مطالب را به صورت متا تگ های توضیحی تعیین کنید متا تگ های توضیحی به موتور جستجوی گوگل و موتورهای جستجوی دیگر خلاصه ای از مطالب آن صفحه را معرفی می کند.زمانیکه باید برای عناوین صفحات از یک عبارت کوتاه یا چند لغت استفاده کنیم، می توانیم از یک جمله یا یک پاراگراف کوتاه در متا تگ های توضیحی استفاده کنیم. وب مستر گوگل Google Webmaster دارای... meta description متا تگ توضیحی – آموزش بهینه سازی سایت – #2

page title عنوان صفحات – آموزش بهینه سازی سایت – #1

یک وب سایت ساختگی در کل این راهنما به عنوان مثال استفاده شده است . برای مصور شدن نکات ذکر شده ، برای هر موضوع، مثال مورد نیاز آن را از وب سایت ساختگی برای شما عنوان می کنیم . مشخصات وب سایتی که در راهنما شده است به شرح زیر است: نام تجاری وب سایت : "Brandon's Baseball Cards" نام دامنه : brandonsbaseballcards.com تمرکز فعالیت بر روی : فروش آنلان بلیط های بیسبال ، مقالات و اخبار از نوع وب سایتهای کوچک با حدود 250... page title عنوان صفحات – آموزش بهینه سازی سایت – #1

راهکارهای حمایت از خودتان به عنوان آزاد کار – Freelancer

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

وبلاگ ها برای افزایش بهره وری وب سایت ها

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

10 تگ HTML که باید بیشتر در مورد آنها بدانید

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

افزایش سرعت , کاهش مصرف پهنای باند – CSS Sprite

کاربران یک وب سایت مهمترین هدف از ایجاد و راه اندازی یک وب سایت هستند ،بنابر این طراحی وب سایت با این هدف که تمامی کاربران بتوانند به راحتی از وب سایت استفاده کنند همیشه باید مدنظر یک طراح وب سایت قرار گیرد.سرعت بارگذاری صفحات وب یکی از مهمترین نکاتی است که باید برای راحتی یک بازدید کننده در نظر گرفته شود ، به خصوص در کشورهایی که تعداد بسیار زیادی از مشترکان اینترنت هنوز از سیستم Dial Up ... افزایش سرعت , کاهش مصرف پهنای باند – CSS Sprite

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