طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : طراحی سایت در کرج شرکت کیان تجارت فاوا

نقش دامنه سایت در سئو و بهینه سازی - طراحی سایت در کرج شرکت کیان تجارت فاوا

نقش دامنه سایت در سئو و بهینه سازی

نقش دامنه سایت در سئو و بهینه سازیطراحی سایت در کرج شرکت کیان تجارت فاوا

 

نام و آدرس دامین از مهمترین عوامل بهبود سئو سایت می باشند. قبل از شروع به طراحی سایت باید نام دامین یا همان آدرس سایت را انتخاب و خریداری کنید. عوامل مهم در انتخاب و نقش دامنه سایت در زیر عنوان شده است:

– عمر دامنه : بدون شک از مهمترین فاکتورهای گوگل برای سئو  شما عمر دامنه شماست. هر چقدر دامنه شما قدیمی تر باشد اعتبار بالاتری در نزد موتورهای جستجو دارد.

وجود کلمه کلیدی مرتبط در دامنه: در زمان ثبت یک دامنه باید این را در نظر گرفت که هدف سایت ما چیست ؟ چه کلماتی باید در آدرس ما قرار بگیرند؟

در زمان سفارش دامنه سعی کنید حداقل یک کلمه کلیدی از زمینه کاری شما در دامنه آورده شود. برای مثال اگر شما در زمینه طراحی سایت در کرج فعالیت دارید بهتر است نام کرج (karaj) یا وب(web) در دامنه عنوان شود.

– کارکترهای مناسب: طول کارکترها را بیش از اندازه در نظر نگیرید.

– جدا کننده مناسب: بهترین جدا کننده کلمات در دامنه و آدرس  ( – ) است.

– تاریخچه دامنه : از استفاده از دامین های که قبلا دارای صفحات زیاد ایندکس شده در گوگل بودند و به عبارتی ریست شدند بپرهیزید. چون این آدرس ها دیگر اعتبار خوبی نزد گوگل ندارند.

– مالک دامین: به اعتقاد بعضی کارشناسان گوگل نسبت به دامین هایی که مالک آنها اسپمر به شمار می آیند حساس است و آنها را بیشتر زیر زره بین می گیرد.

– اعتبار دامنه : دامین هایی که از مدت اعتبار آنها مدتی گذشته و به عبارتی ساسپند شده بودند و دوباره راه اندازی شدند از اعتبار آنها کاسته می شود.

– انتقال دامنه: از انتقال دامنه های مشکوکی که سابقه هک شدن داشتند یا اعتبار پایینی دارند بپرهیزید.

Tagged
تولید و بهینه سازی محتوا در سئو - طراحی سایت در کرج شرکت کیان تجارت فاوا

کیان آرت : تولید و بهینه سازی محتوا در سئو

تولید و بهینه سازی محتوا در سئو طراحی سایت در کرج شرکت کیان تجارت فاوا

تولید محتوا در سئو

گوگل اعلام کرده است که «محتوا» یکی از مهم ترین سه عامل رتبه بندی است ، اما از نظر سئو محتوای “خوب” چیست؟
همانطور که چرخ بدون موتور باعث درجا زدن می شود ، محتوای بدون استراتژی سئو نیز نمی تواند در بازار دیجیتال دوام آورد و درست مانند موتور بدون چرخ ، سئوی بدون محتوا یک ماشین پر زرق و برق است که هیچ جا نمی تواند برود.
محتوا برای اینکه در میان غوغای پست های وبلاگ ها که این روزها اینترنت را به تصرف درآورده اند ، به سئو نیاز دارد و طبق گفته گوگل ، یکی از سه عامل رتبه بندی بالا برای جستجو ارگانیک “محتوا” است.

مرحله اول : محتوای خود را بهینه سازی کنید

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

محتوای با کیفیت:

  1.  بر پایۀ درک درستی از مخاطبان ، کلمات کلیدی و اینکه قصد کاربرچیست ؟ از زبان مخاطبان خود استفاده کنید و اطلاعاتی که آنها واقعا به دنبالش هستند را فراهم کنید.
  2. کمک می کند تا خواننده یک کار خاص را تکمیل کند. محتوای طولانی (بالای ۱۰۰۰ کلمه) در نتایج ارگانیک بهتر رتبه می گیرند ، یکی از دلایلش این است که کامل هستند. به عبارتی ، از هدف محتوا منحرف نشوید و اجازه ندهید که محتوا تمرکز خود بر روی هدفش را از دست بدهد.
  3.  یک محتوا مجذوب کننده بنویسید که مخاطب را در رفتن به گام بعدی هدایت کند. وقتی شما خوانندگان خود و در واقع خریداران خود را بشناسید ، مطالب تان می تواند آنها را بیشتر به سمت آنچه که می خواهند بکشاند.

 

مرحله دوم : طراحی محتوای خوب

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

یک محتوای خوب شامل :

• ساده / شفاف / مرتبط با وبسایت
• •غیر منتظره
• منسجم
• معتبر / موثق / از روی تجربه
• احساسات کاربر را بر انگیزد
• سرگرم کننده باشد.
• الهام بخش برای کاربر
• آموزشی و پژوهشی باشد
• عمیق و کامل باشد تا نیاز کاربر را برطرف کند
• کاربردی و سیال
• جامع / منحصر به فرد (در ارزش ، نه فقط در محتوا)
• قابل اطمینان

 

مرحله سوم: تولید محتوای صحیح

آیا داشتن خطای تایپی در یک محتوای با کیفیت نگران کننده است؟ جواب من ۱۰۰% مثبت است… اگرچه در حال حاضر هیچ مدرکی مبنی بر اینکه که دستور زبان یکی از سیگنال های موثر در رتبه بندی است وجود ندارد ، اما از دید کاربر و اعتبار سایت اصلا خوب نیست.
علاوه بر این ، استناد به منابع و لینک دادن به سایت های معتبر، نه تنها روش خوبی است ، بلکه از لحاظ سئو نیز تکنیک خوبی است – لینک های خروجی ، به موتورهای جستجو نشان می دهند که شما در حیطه کاری خود سررشته و با افراد درست ارتباط دارید.

 

مرحله چهارم: میزان استفاده از کلمه کلیدی را بررسی کنید

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

 

 

Tagged
نمایش مقدار تخفیف محصولات در ووکامرس - طراحی سایت در کرج شرکت کیان تجارت فاوا

نمایش مقدار تخفیف محصولات در ووکامرس

نمایش مقدار تخفیف محصولات در ووکامرسطراحی سایت در کرج شرکت کیان تجارت فاوا

نمایش مقدار تخفیف محصولات در ووکامرس

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

نمایش مقدار تخفیف محصولات در ووکامرس با افزونه WooCommerce Smart Sale Badge به راحتی صورت می پذیرد. یعنی اینکه بعد از نصب این افزونه مقدار تخفیفی که برای کاربران در نظر گرفتید کنار محصول به نمایش گذاشته می شود.

نحوه کار با افزونه WooCommerce Smart Sale Badge

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

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

 

[email-download-link namefield=”YES” id=”35″]
[email-download-link namefield=”YES” group=”Default”]

Tagged
آموزش CSS - تغییر استایل متون HTML - طراحی سایت در کرج شرکت کیان تجارت فاوا

آموزش CSS – تغییر استایل متون HTML

آموزش CSS – تغییر استایل متون HTMLطراحی سایت در کرج شرکت کیان تجارت فاوا

 رنگ متن:

  • نام :‌ color
  • این ویژگی چه کاری انجام می‌دهد؟‌  رنگ متن‌ها را تغییر می‌دهد!
  • چه چیزهایی را در مقابلش بنویسیم؟  انواع رنگ‌ها را !
  • نمونه نوشتن این ویژگی: color: red   یا  color: #44444   یا   (“۲,color: rgb(“2,2,2

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

HTML

<h2>عنوان با رنگ نارنجی نوشته می‌شود</h2>

<p>متن با رنگ طوسی نوشته می‌شود.</p>

CSS

h1 {
color:  red ;
}

p  {
color:  gray;
}

عنوان با رنگ نارنجی نوشته می‌شود

متن با رنگ طوسی نوشته می‌شود.

text-align

  • نام :‌ text-align
  • از این ویژگی چه کاری انجام می‌دهد؟  نحوه و محل قرار گیری متن‌ها را مشخص می‌کند !
  • چه چیزهایی را در مقابلش بنویسیم؟ انواع جهت‌ها را! راست، چپ و وسط.
  • نمونه نوشتن این ویژگی: text-align: center  یا  text-align : right  یا  text-align: left

با کمک این دستور شما می‌توانید متن‌های خود را به صورت راست چین، چپ چین یا وسط چین منظم کنید. دستورات مربوط به این موضوع را در زیر مشاهده می‌کنید:

HTML

<h1class=”center”>متن وسط چین</h1>

<p class=”right”>متن راست چین</p>

<p class=”left”>متن چپ چین</p>

CSS

 

center {
text-align: center;
}

p.right{
text-align:  right;
}

p.left {
text-align:  left;
}

متن وسط چین

متن راست چین

متن چپ چین

Text Decoration

  • نام :‌ Text Decoration
  • از این ویژگی چه کاری انجام می‌دهد؟ نوع نوشتن متن را تغییر می‌دهد
  • چه چیزهایی را در مقابلش بنویسیم؟ نوع استایل مورد نظر! خط کشیدن زیر متن، خط کشیدن روی متن و …
  • نمونه نوشتن این ویژگی: text-decoration: none|underline|overline|line-through|initial|inherit

گاهی المان‌های html  صفحه، استایل‌های مخصوص خود را دارند. مثلا لینک‌ها درhtml به صورت پیش‌فرض با رنگ آبی نشان داده می‌شوند و همچنین یک خط در زیر آن‌ها کشیده می‌شود. بدین ترتیب شما اگر بخواهید آن‌ها را به صورت ساده در بیاورید می‌بایست برای این کار از دستور Text Decoration استفاده کنید. این دستور را در زیر مشاهده می‌کنید.

a {
text-decoration: none;
}

برای تغییر یک المان سه روش برای انتخاب وجود دارد. مانند قبل المان مورد نظر را انتخاب می‌کنیم. مثلا اگر ما قصد تغییر فونت تمامی پاراگراف‌ها را داشته باشیم، باید المان p را انتخاب کنیم. اما اگر بخواهیم یک یا چند المان خاص را تغییر دهیم بهتر است از کلاس استفاده کنیم. یعنی ابتدا در صفحه‌یhtml به المان مورد نظر اتریبیوت  “نام دلخواه برای ایجاد گروه”=class اضافه کنیم و سپس درسی اس اس نام این کلاس را بنویسیم و در جلوی آن تغییرات مورد نظر را اعمال کنیم.

HTML

<p> متن با فونت تاهما </p>

CSS

p {
font-family: “tahoma”;
}

متن با فونت تاهما

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

Tagged
آموزش CSS - پس زمینه در CSS - طراحی سایت در کرج شرکت طراحی سایت کیان تجارت فاوا

آموزش CSS – پس زمینه در CSS

آموزش CSS – پس زمینه در CSS طراحی سایت در کرج شرکت طراحی سایت کیان تجارت فاوا

پس زمینه در CSS

یکی از موارد بسیار پر استفاده در CSS استفاده از پشت زمینه‌های متنوع است. در واقع شما در این زبان می‌توانید به هر المانی، عکس یا رنگ یا کادر دلخواه بدهید. قبل از آموزش رنگ‌آمیزی یا قرار دادن عکس در پشت زمینه المان‌های html، نحوه‌ی انتخاب رنگ‌ها را برای المان‌ها مرور می‌کنیم:

چگونگی اضافه کردن رنگ در css:

 روش اول -از طریق کد HEX:

در این مثال ابتدا علامت # قرار می‌دهیم و در جلوی آن کد شش رقمی رنگ را می‌نویسیم. برای به دست آوردن کد رنگ می‌توانید از فوتوشاپ یا سرویس‌های آنلاین استفاده کنید.  مثال” fd0000 #”

روش دوم – کد RGB رنگ:

در این حالت باید کد RGB‌ رنگ را بدهید. ابتدا کلمه RGB را می‌نویسیم. سپس یک پرانتز باز می‌کنیم و رنگ را به صورت کد RGB در پرانتز و بین "" می‌نویسیم.”(RGB (255,0,0″

روش سوم – نوشتن نام رنگ‌های پیش‌فرض:

ساده‌ترین راه انتخاب رنگ، نوشتن نام رنگ است. البته در این حالت انتخاب شما به رنگ‌های پیش‌فرض معمول محدود می‌شود.  – مثال : “red” برای رنگ قرمز

رنگ پس زمینه:

  • نام : background-color
  • این ویژگی چه کاری انجام می‌دهد؟‌  تغییر رنگ پس‌زمینه المان‌های HTML
  • چه چیزهایی را در مقابلش بنویسیم؟ رنگ‌ها که به هر ۳ صورتی که در بالاتر مرور کردیم قابل استفاده هستند.
  • نمونه نوشتن:  رنگ مورد نظر# : background-color
  •  مثال۲ –  background-color:  #ff0000
  •  مثال ۳- “(background-color: “rgb(255,0,0
  •  مثال ۴- background-color: blue

HTML

<div class=”bg-yelllow”><p>یک متن که داخل یک صفحه زرد قرار دارد</p></div>

CSS

bg-yellow {

background-color: yellow;

}

یک متن که داخل یک صفحه زرد رنگ قرار دارد

 

عکس پس‌زمینه:

شما در CSS و HTML می‌توانید تصویر پس زمینه یک المان را تغییر دهید. عکس پس زمینه درCSS  و HTML  بدین صورت نوشته می‌شود:

  • نام: background-image
  • این ویژگی چه کاری انجام می‌دهد؟‌   تغییر تصویر پس زمینه  هر نوع المانی در HTML
  • چه چیزهایی را در مقابلش بنویسیم؟ در این جا باید آدرس عکس مورد نظرتان را به CSS بدهید.
  • نمونه نوشتن:    (‘آدرس دقیق و کامل عکس در اینترنت’) background-image:   url
  • مثال:  (“background-image:    url (“zoomit.ir/axshoma.jpg

background-image: url(“KIANART/PIC.jpg”);

HTML

<div class=”bg-img”><p>یک متن که داخل یک صفحه با تصویر زمینه قرار دارد</p></div>

CSS

bg-img {

background-image: url(‘http://www.kianart.ir/media/b/items/..pic.jpg’);”

}

یک متن که داخل یک صفحه با تصویر زمینه قرار دارد

حتما دقت کنید که آدرس تصویر مورد نظر شما به صورت دقیق و با ذکر پسوند عکس در داخل پرانتز و بین “” نوشته شود. ("url.png")

 

تکرار تصویر پس زمینه:

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

background-image: url(“kianart.ir/t.png”);

background-repeat: repeat-x;

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

برای تکرار تصویر در جهت عمودی نیز تنها کافیست تا این کد را برای راستای y بنویسیم.

background-image: url(“kianart.ir/t.png”);

background-repeat: repeat-y;

 همچنین اگر دوست نداشته باشید که تصویر شما تکرار شود، برای جلوگیری از تکرار عکس، تنها کافیست تا دستور زیر را بنویسید:

background-repeat:  no repeat;

 

Tagged