۱۳۹۵/۱۱/۱۴, ۱۱:۳۰ ب.ظ
همان طور در مطلب قبلی قول داده بودیم امروز می خواهیم ادامه این مطلب را در مورد طراحی سایت ذکر کنیم البته این مطلب بیشتر سئو درون صفحه را قرار می دهد و در این مطلب ما کاری ما سئو بیرون صفحه نداریم پس اشتباه نکنید و این مطلب بیشتر برای این هست که در اصول اولیه طراحی سایت سئو سازی را داشته باشد پس آن را با تکنیک های سئو سایت اشتباه نگیرید
بریم سر مطلب خودمان اگر قسمت اول را مطالعه نکرده اید اول پیشنهاد می شود قسمت اول چند نکته برای سئو سایت برای طراحی سایت را مطالعه کنید
استفاده نکردن از فلش در طراحی سایت
این موضوع را بارهای بارها ذکر کرده ایم سایت را با فلش طراحی نکنید چون فلش فقط کد هست و سایت شما حتی در صفحه اول سایت ها که برای انتخاب زبان هست کار می کردند نباید الان این کار را انجام داد چون سئو فرندلی سایت رعایت نمی شود و این برای طراحی سایت که می خواهد در کلمات کلیدی مناسب رتبه خوبی داشته باشد اصلا خوب نیست البته ما در ساین وب چند سال پیش از فلش استفاده می کردیم ولی در حاضر به دلیل سئو سایت انجام نمی دهیم اگر می خواهید سایت را پویا تر طراحی کنید از تکنیک های css3و html5استفاده کنید
منو های سایت
منو های سایت باید هم کاربر هم موتوهای جستجو قابل فهم باشد نه زیاد منو رو شلوغ کنید نه اینکه آنقدر خلوت که انگار داخل طراحی سایت چیزی نیست یک نکته این تکنیک قدیمی شد که کلمه کلیدی خودتان را داخل منو می گذاشتید این تکنیک قدیمی شده است سعی کنید در انتخاب منو های سایت دقت کنید گوگل را گول نزنید
تکنیک CSS Image Sprites
این تکنیک بیشتر در جاهایی کاربرد دارد که شما مثلا می خواهید چند آیکن را در سایت قرار دهید اگر شما چند تا عکس آیکن را در سایت قرار دهید هم سرعت سایت هم کد نویسی سایت زیاد می شود ولی اگر بتوانید یک عکس بزرگ را انتخاب کنید و به آن موقعیت دهید تا آیکنی که می خواهید را بارگذاری شود برای CSS Image Sprites از این کدها استفاده می شود#navlist { position: relative; } #navlist li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #navlist li, #navlist a { height: 44px; display: block; } #home { left: 0px; width: 46px; background: url('img_navsprites.gif') 0 0; } #prev { left: 63px; width: 43px; background: url('img_navsprites.gif') -47px 0; } #next { left: 129px; width: 43px; background: url('img_navsprites.gif') -91px 0; } >
تنظیم صفحات برای چاپ
شما می توانید با استایل دادن به صفحه پرینت خود کاری کنید که کاربر در هنگام پرینت گرفتن مقاله ای از سایت شما مشکلی نداشته باشد تا مجبور نباشد صفحه زوم کند و گذاشتن آیکن پرینت گرفتن از مطلب طراحی سایت تهران شما سعی کنید برای مطالب سایت خود استایل پرینت هم در نظر یگیرید
امیدواریم از این مطلب هم نهایت استفاده را کرده باشید ما را در انتشار مطالب مرتبط به سئو سایت و آموزش سایت یاری کنید
http://www.signwebdesign.ir/amozesh-webs...ps-website
بریم سر مطلب خودمان اگر قسمت اول را مطالعه نکرده اید اول پیشنهاد می شود قسمت اول چند نکته برای سئو سایت برای طراحی سایت را مطالعه کنید
استفاده نکردن از فلش در طراحی سایت
این موضوع را بارهای بارها ذکر کرده ایم سایت را با فلش طراحی نکنید چون فلش فقط کد هست و سایت شما حتی در صفحه اول سایت ها که برای انتخاب زبان هست کار می کردند نباید الان این کار را انجام داد چون سئو فرندلی سایت رعایت نمی شود و این برای طراحی سایت که می خواهد در کلمات کلیدی مناسب رتبه خوبی داشته باشد اصلا خوب نیست البته ما در ساین وب چند سال پیش از فلش استفاده می کردیم ولی در حاضر به دلیل سئو سایت انجام نمی دهیم اگر می خواهید سایت را پویا تر طراحی کنید از تکنیک های css3و html5استفاده کنید
منو های سایت
منو های سایت باید هم کاربر هم موتوهای جستجو قابل فهم باشد نه زیاد منو رو شلوغ کنید نه اینکه آنقدر خلوت که انگار داخل طراحی سایت چیزی نیست یک نکته این تکنیک قدیمی شد که کلمه کلیدی خودتان را داخل منو می گذاشتید این تکنیک قدیمی شده است سعی کنید در انتخاب منو های سایت دقت کنید گوگل را گول نزنید
تکنیک CSS Image Sprites
این تکنیک بیشتر در جاهایی کاربرد دارد که شما مثلا می خواهید چند آیکن را در سایت قرار دهید اگر شما چند تا عکس آیکن را در سایت قرار دهید هم سرعت سایت هم کد نویسی سایت زیاد می شود ولی اگر بتوانید یک عکس بزرگ را انتخاب کنید و به آن موقعیت دهید تا آیکنی که می خواهید را بارگذاری شود برای CSS Image Sprites از این کدها استفاده می شود#navlist { position: relative; } #navlist li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #navlist li, #navlist a { height: 44px; display: block; } #home { left: 0px; width: 46px; background: url('img_navsprites.gif') 0 0; } #prev { left: 63px; width: 43px; background: url('img_navsprites.gif') -47px 0; } #next { left: 129px; width: 43px; background: url('img_navsprites.gif') -91px 0; } >
تنظیم صفحات برای چاپ
شما می توانید با استایل دادن به صفحه پرینت خود کاری کنید که کاربر در هنگام پرینت گرفتن مقاله ای از سایت شما مشکلی نداشته باشد تا مجبور نباشد صفحه زوم کند و گذاشتن آیکن پرینت گرفتن از مطلب طراحی سایت تهران شما سعی کنید برای مطالب سایت خود استایل پرینت هم در نظر یگیرید
امیدواریم از این مطلب هم نهایت استفاده را کرده باشید ما را در انتشار مطالب مرتبط به سئو سایت و آموزش سایت یاری کنید
http://www.signwebdesign.ir/amozesh-webs...ps-website