امروز سه شنبه ۲۱ آبان ۱۳۹۸ شما در فری لینک می باشید.
سخن بزرگان : پست ترین انسان ها کسی است که راز دوران دوستی را به وقت دشمنی فاش کند

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۹ آذر
  • دیدگاه :: 0
  • بازدید ::

تکنیک های لینک سازی داخلی دیجی کالا

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

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

آنالیز سئو فروشگاه اینترنتی دیجی کالا

بهترین استراتژی های لینک سازی داخلی

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

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

۱- لینک های محتوایی ارزش بیشتری دارند

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

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۵ آذر
  • دیدگاه :: 0
  • بازدید ::

تاثیر فضای خالی در طراحی سایت

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

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

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

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

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۲۸ آبان
  • دیدگاه :: 0
  • بازدید ::

استانداردهای طراحی فرم جستجو در سایت

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

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

۱- باکس جستجو در جایی باشد که کاربر انتظار دارد

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

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

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۲۳ آبان
  • دیدگاه :: 0
  • بازدید ::

تست ریسپانسیو بودن سایت

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

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

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

ابزار Xrespond

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

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۲۲ آبان
  • دیدگاه :: 0
  • بازدید ::

۷ اشتباه مهم که در طراحی سایت رایج است

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

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

۱ – استفاده از چندین فونت در یک سایت

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

ولی در طراحی سایت یکی از فاکتورهای با اهمیت حجم صفحه و سرعت بارگذاری آن است. هر فونتی که در یک صفحه وب بارگذاری میشود ممکن است بین ۵۰ تا ۲۰۰ کیلوبایت حجم صفحه را افزایش دهد و به هر تعداد که تنوع فوت شما بیشتر باشد حجم صفحه نیز بالاتر خواهد رفت. در این شرایط ممکن است صفحه به صورت کامل لود شده باشد ولی هنوز فونت ها در مرورگر کاربر نمایش داده نشوند تا زمانیکه یک به یک دانلود و نمایش داده شوند.

28 آبان 1395

  • نوشته ::
  • تاریخ :: ۲۱ آبان
  • دیدگاه :: 0
  • بازدید ::

معرفی بوت استرپ ۴ و امکانات جدید آن

بعد از نزدیک به ۲ سال ارتقا و کدنویسی نسخه بوت استرپ ۴ توسط Mark otto و Jacob Thornton منتشر شد. نسخه ای که تغییرات اساسی به ویژه در ریسپانسیو سایت داشته است. Bootstrap 4 سایزبندی ریسپانسیو تغییرات اساسی داشته و بازه ۰ تا ۵۷۶ پیکسل برای گوشی های همراه به آن اضافه شده که مشکلات بسیاری از طراحان وبسایت را برطرف خواهد کرد.

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

بررسی نسخه های پیشین ‌Bootstrap

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

طراحی سایت با بوت استرپ ۱

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

تمامی حقوق مطالب برای فری لینک محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع می باشد.