طراحی سایت و کاوش سریع تر

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

 

ابزار Webmaster  در طراحی سایت

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

 

Sitemaps  در طراحی سایت

روش دیگری که برای Crawl صفحات طراحی وب سایت  شما وجود دارد استفاده از فایل Sitemaps می باشد. با قرار دادن لینک در فایل Sitemaps می توانید آدرس را به موتور جستجوگر بشناسانید. موتور جستجوگر با استفاده از فایل Sitemaps آدرس صفحات موجود در فایل را مورد کاوش و Crawl قرار می دهد.

 

طراحی سایت و کاوش سریع تر

کریم صفایی

کریم صفایی

طراحی وب سایت

طراحی وب سایت و گوگل وب مستر

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

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

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

طراحی وب سایت و گوگل وب مستر

کریم صفایی

کریم صفایی

طراحی وب سایت و گوگل وب مستر

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

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

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

طراحی وب سایت و گوگل وب مستر

کریم صفایی

کریم صفایی

کریم صفایی

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

کریم صفایی

کریم صفایی

طراحی وب سایت و قالب سایت

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

 

تگ اسکریپت در طراحی وب سایت

درج تگ اسکریپت که به کدهای جاوا اسکریپت استفاده شده در طراحی وب سایت  اشاره می نماید نیازمند زمان لود می باشد. حال اگر حجم فراوانی از اسکریپت را در طراحی وب سایت  خود درج نماییم موجب سنگینی در زمان لود صفحه طراحی وب سایت  خود خواهیم شد که در سئو وب سایت اثرگذاری منفی را دارا می باشد.

 

استایل داخلی در قالب طراحی وب سایت

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

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

طراحی وب سایت و قالب سایت

کریم صفایی

کریم صفایی

طراحی سایت و نمایش عکس از لیست Drop Down

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

بدین منظور قطعه کد زیر را در تگ <head> صفحه وب سایت درج نمایید.

 

<script language="javascript">

 

function showimage()

{

if (!document.images)

return

document.images.pictures.src=

document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value

}

//-->

</script>

 

حال قطعه کد زیر را در تگ <body>  صفحه درج نمایید.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form name="mygallery"><p>
<select name="picture" size="1" on-Change="showimage()">
<option selected value="me.gif">Picture of me</option>
<option value="myaunt.gif">Picture of my aunt</option>
<option value="brother.gif">Picture of my brother</option>
</select>
</p>
</form>
</td>
</tr>
<tr>
<td width="100%"><p align="center"><img src="/demo/me.gif" name="pictures" width="99" height="100"></td>
</tr>
</table>

 

می توانید آدرس تصویر مورد نظر خود را در کد زیر تغییر دهید.

<option selected value="me.gif">Picture of me</option>

و همچنین در کد زیر می توانید سایز عکس را مطابق میل خود وارد نمایید.

<img src="/demo/me.gif" name="pictures" width="99" height="100">

 

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

 

طراحی سایت و نمایش عکس از لیست Drop Down

طراحی سایت فروشگاه اینترنتی

هاست نونگار

طراحی سایت

طراحی سایت و پنل Drop downبا Ajax

در طراحی سایت می توانید با بهره گیری از زبان های مختلف امکانات متفاوت را در صفحه وب سایت فراهم نماییم. با افزودن قابلیت های جدید می توانید بر زیبایی طراحی سایت خود بیفزایید و موجب جلب نظر کاربران سایت خود شوید که در نتیجه آن در سئو سایت خود تاثیر مثبتی را شاهد خواهید بود. زبان Ajax  یکی از زبان های پرکاربرد در طراحی سایت می باشد. ممکن است شما در صدد باشید با ایجاد پنل  drop downو با بهره گیری از زبان  Ajaxقابلیت زیبایی را در طراحی وب سایت خود لحاظ نمایید. با کلیک بر روی پنل می توانید پیغام پنهانی را به کاربران وب سایت خود نمایش دهید. در اینجا قصد داریم کد لازم برای ایجاد این قابلیت در طراحی سایت را به نمایش بگذاریم.

<script type="text/j-avascript" src="/demo/jquery-1.2.2.pack.js"></script>

 

<style type="text/css">

 

#dropdownpanel{ /*Outermost Panel DIV*/

position: absolute;

width: 100%;

left: 0;

top: 0;

visibility:hidden;

}

 

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/

background: black;

color: white;

padding: 10px;

}

 

#dropdownpanel .control{ /*Div containing panel button*/

border-top: 5px solid black;

color: white;

font-weight: bold;

text-align: center;

background: transparent url("panel.gif") center center no-repeat; /*change panel.gif to your own if desired*/

padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */

height: 21px; /* 21px + 3 px should equal height of "panel.gif" */

line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */

}

 

</style>

 

<script type="text/j-avascript" src="/demo/jkpanel.js">

 

/***********************************************

* Drop Down Panel script- by JavaScript Kit (www.javascriptkit.com)

* This notice must stay intact for usage

* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

***********************************************/

 

</script>

 

 

با آسانی با درج کدهای بالا می توانید قابلیت پنل پنهانی را در طراحی سایت خود درج نمایید و با جلب توجه خاص کاربر به طراحی وب سایت خود در سئو وب سایت خود تاثیر مثبتی را برجا گذاشته باشید.

طراحی سایت و پنل Drop downبا Ajax

طراحی سایت فروشگاه اینترنتی

هاست نونگار

طراحی سایت

طراحی سایت و تغییر شفافیت عکس در حالت hover

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

 

img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */

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

 

img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */

 

به اسانی با درج کدهای بالا و استفاده از خصیصه  opacity جذابیت خاص تری را به عکس های موجود در طراحی سایت خود ببخشید و با جلب توجه و نظر کاربر در سئو وب سایت خود گام موثری را ایفا نمایید.

طراحی سایت و تغییر شفافیت عکس در حالت hover

طراحی سایت فروشگاه اینترنتی

هاست نونگار

طراحی سایت

طراحی سایت و محو نمودن تصاویر

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

 

<script><link rel="stylesheet" type="text/css" href="/demo/checkboxtoggler.css" />

<script type="text/j-avascript" src="/demo/StackBoxBlur.js"></script>
<script type="text/j-avascript" src="/demo/StackBoxBlurWrapper.js"></script>

<script>

window.on-load = function(){ // when window loads

  var hayden1 = new stackBoxBlurIt('hayden1') // reference original image to blur
  var checkbox1 = document.getElementById('checkbox1') // reference checkbox to toggle image blur
  if (checkbox1.checked == false){ // if checkbox isn't checked when page is loaded
    hayden1.blurit(40) // blur it
  }

  checkbox1.on-change = function(){ // whenever checkbox state changes
    hayden1.blurit( this.checked? 0 : 40 ) // blur or not to blur
  }

}

</script>

<body>

<img id="hayden1" border="0" src="/demo/hayden.jpg" width="280" height="350">

<div class="toggler">
<input type="checkbox" id="checkbox1" />
<label for="checkbox1"></label>
</div>

</body>

 

که در کد بالا می توانید آدرس تصویر مورد نظر خود را بگذارید و.به آسانی طراحی سایت و محو نمودن تصاویر را در صفحه سایت خود درج نمایید.

طراحی سایت و محو نمودن تصاویر

طراحی سایت فروشگاه اینترنتی

هاست نونگار

طراحی سایت

طراحی سایت فروشگاهی با HikaShop

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

 

• JM Creatrix by JoomlaMan

این قالب منظور طراحی وب سایت فروشگاهی شیک و حرفه ای مناسب می باشد. این قالب با نسخه های 2.5 و 3 جوملا سازگار می باشد که در چارچوب Bootstrap اجرا می شود و در 8 رنگ طراحی شده است.

 

• Ignite by JoomlaBamboo

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

 

• StoreFront by Gavick

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

 

• RN Shop by RCA Theme

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

قالب های دیگری نیز برای طراحی وب سایت فروشگاهی به واسط HikaShop وجود دارد که بسته به نیاز وب سایت شما و سلیقه می توانید انتخاب نمایید

 

طراحی سایت فروشگاهی با HikaShop