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

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

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

لازم به ذکر است هنگامی که پیوند لینک به صفحهء اصلی وب شما از دیگر بخش های وب سایت شما برقرار می شود، باید اطمینان حاصل فرمایید که پیوند شما به نام دامنه لینک شود .به جای گیج کردن موتورهای جستجو با داشتن دو یا چند صفحهء اصلی جداگانه مانند /index.html/ ،به موتورهای جستجو در تشخیص نام دامنه تان به عنوان Anchor text کمک کنید تا صفحهء اصلی وب سایت شما در بالاترین رتبه صفحهء نتایج موتور جستجو قرار گیرد. این اتفاق در سیستم مدیریت محتوای استانداردی مثل وردپرس هرگز اتفاق نخواهد افتاد . با رعایت موارد بالا می توانید با طراحی وب سایت مفید و استاندارد یکی از بهترین شرکت های طراحی سایت شناخته شوید .

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

به خاطر همین کاربرد فایرباگ بیشتر افرادی که در زمینه ی طراحی سایت و سی اس اس کار می کنند از این برنامه برای رفع عیوب وب سایت خود و همچنین بررسی استراکچر سایت های دیگر استفاده می کنند . همانطور که از اسم این برنامه پیداست این برنامه یدک کش اسم مرورگر خود یعنی فایرفاکس می باشد .شما می توانید پس از دانلود این برنامه و مرورگر فایر فاکس به تشریح وب سایت ها بپردازید .برای استفاده از این برنامه از دکمه ی F12 استفاده می کنند .

برای استفاده از فایرباگ از طریق context menu مرورگر کافی ست با کلیک راست کردن در سایت گزینه ی inspect element را انتخاب کرده  تا پنل فایرباگ ظاهر شود . همچنین برای باز کردن پنل فایر باگ می توانید روی دکمه فایر باگ کلیک کنید. با توجه به ورژن فایر فاکس شما این آیکون در پائین صفحه سمت راست یا بالا سمت راست کنار نوار جستجو قرار می گیرد .

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

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

 حال به تعریف پنل کناری که در سمت راست دیده می شود می پردازیم . این پنل 4 پنل دیگر را در خود جای داده است که عبارتند از :

1) استایل : پنل استایل style در پنل کناری به شما تاثیر سی اس اس های مهم عناصر صفحات وب را نمایش می دهد این پنل نمایی از استایل شیت ( صفحه نوشتن کد های سی اس اس ) با شماره خط آن سی اس اس را نمایش می دهد. در این حالت شما بیشتر از یک استایل شیت خواهید داشت .

2) قالب : در پنل محاسبات یا computed ، شما خصوصیات سی اس اس را مشاهده خواهید کرد مانند font-size, font –color,text-align و غیره این اطلاعات به شما در درک نحوه ارائه این کد ها توسط مرورگر کمک میکند .

3) محاسبه : پنل قالب layout در پنل کناری ، تصویری از باکس مدل های یا تقسیم بندی صفحه وب را. نمایش میدهد. اگر شما جزو آن دسته از طراحان وب هستید که با نگاه کردن می آموزید این پنل بهترین امکان را به شما برای یادگیری هر چه بهتر می دهد .برای یادگیری margin و padding صفحه، آشنایی با تقسیم بندی صفحه وب از این ابزار به راحتی می توانید استفاده کنید با دوبار کلیک کردن روی اعداد نمایش داده شده در این پنل شما می توانید آزمایش های خود را به صورت واقعی روی یک صفحه وب انجام دهید .

4) سند مدل شیء یا DOM : پنل DOM ، در واقع سند مدل شیء یک عنصر در صفحه وب را نمایش می دهد این بخش بیشتر برای کسانی که با جاوا اسکریپت یا اسکریپت های کلاینت ساید کار می کنند مناسب است .

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

افزودن / ویرایش کردن و حذف کردن تمام عناصر اچ تی ام ال

برای مثال در صورت حذف این div چه اتفاقی برای floats صفحه خواهد افتاد؟

افزودن / ویرایش و حذف ID وکلاس

برای مثال در صورت حذف این کلاس آیا خصوصیات ارائه شده با مشکل مواجه می شوند؟

قرار داد تکمیل کننده های بیشتر در عنوان ، متن ها و روی دکمه ها برای تست line brek یا شکست خطوط متنی

افزودن استایل های inline موقتی برای تست سریع با استفاده از خصوصیات html

مثلا آیا این هایپر لینک hyperlink با این استایل بهتر می شود style=”color:#00aeef” or style=”color:# 067fad”

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

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

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

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

چیز جالب که در پنل کناری بخش سی اس اس وجود دارد این است که این کد ها قابلیت ادیت شدن را دارند مثلا اگر می خواهید ببیند که وب سایت چه تغییری می کند اگر شما padding-top را به 22px تغییر بدید فقط کافی روی عدد کلیک کنید و اون رو تغییر بدید یا حتی می تونید اون خصوصیت را ادیت کنید یا خصوصیت جدیدی به آن اضافه کنید .

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

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

اگر شما تمایل دارید سی اس اس ی را به عنصری که مقدار عددی و کلاس ID ندارد ( که در اینصورت در پنل سمت راست کناری دیده نخواهد شد ) شما میتوانید یک استایل inline در پنل نمایش ند های سمت چپ با در پنل سی اس اس اضافه کنید .

پنل سی اس اس یک نمایی را از کد های سی اس اس در استایل شیت های متعدد که شما به سایت اضافه کردید می دهد Source edit mode مد ادیت سورس یا منبع، شما به ویرایش مقادیر یا ارزشها می پردازید ( که شبیه پنل اچ تی ام ال سمت راست است که ما راجع به آن توضیح داده ایم ) در این بخش می توانید آزادانه کد های خود را مانند وقتی که در ادیتور خود هستید تایپ کنید .

محدودیت ها و خصلت های فایر باگ
با توجه به اینکه فایر باگ داراری خصلت های خوب زیادی است اما سرعت انتشار امکانات جدید درون فایر فاکس دیوانه کننده است و چه کسی می تواند از این موضوع ایراد بگیرد؟

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

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

در مثال زیر می خواهیم یکی از آیتم های لیست غیر منظم را از منوی flyout-menu بررسی و رفع عیب کنیم و جاوا اسکریپتی وجود دارد که باعث می شود منو زمانی که موس روی ان نیست پنهان شود .

در این مقاله می خواهیم شما را با خطر سئوی زیاد برای سایت آشنا کنیم . پس از انتشار الگوریتم seo over optimization یکسری محدودیت هایی در زمینه ی سئو بوجود آمد به طوریکه اگر بیش از حد از تکنیک های سئو استفاده شود گوگل از امتیاز سایت شما کم خواهد کرد .

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

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

سعی کنید برای انتخاب کلمات کلیدی از کلماتی استفاده کنید که خیلی کوتاه نباشد زیرا استفاده ی بیش از حد از کلمات کلیدی کوتاه باعث می شود تا موتورهای جستجو این امر را به عنوان Over Optimization تشخیص دهند و سایت شما را جریمه خواهد کرد بنابراین توجه داشته باشید که در کلمات کلیدی از کلمات کلیدی طولانی تر هم استفاده کنید تا محتوای سایت طبیعی تر جلوه کند .

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

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

با توجه به مقاله رتبه الکسا (Alexa Rank) چیست در این قسمت می خواهیم بدانیم افزایش رتبه سایت در الکسا چگونه است ؟

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

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

در اینگونه وب سایت ها با توجه به زبان های برنامه نویسی پیچیده ای که استفاده می شود امکاناتی نظیر صفحات هوشمند ،فرمها و جستجوهای پیچیده در آن ها امکان پذیر می باشد و پیاده سازی آن به گونه ای است که در حقیقت صفحه ای وجود ندارد و تنها با درخواست کاربر ایجاد می گردد . آدرس صفحات داینامیک اغلب دارای علامت سوال (?) است؛ همینطور وجود علامتهای % ، = ، +، $ یا & در یک آدرس می تواند بیانگر داینامیک بودن آن باشد که به تمام علامتهای بعد از ؟، Query String می گویند. برای مشاهده یک نمونه از صفحات داینامیک، در گوگل کلمه ای را جستجو کنید؛ صفحه نتایج جستجو، یک صفحه داینامیک می باشد.

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