کسب درآمد از اینترنت۱: فروش اجناس فیزیکی به صورت اینترنتی

کسب درآمد از اینترنت۱: فروش اجناس فیزیکی به صورت اینترنتی

/در , , /توسط

کسب درآمد از اینترنت۱: فروش اجناس فیزیکی به صورت اینترنتی

فروش اجناس فیزیکی

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

فروشگاه اینترنتی

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

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

فروشگاه اینترنتی فروش اجناس فیزیکی موفق در ایران 

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

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

کسب درآمد از اینترنت۱: فروش اجناس فیزیکی به صورت اینترنتی

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

وردپرس امکان ساخت یک فروشگاه اینترنتی را با کمک افزونه‌های خود به شما می‌دهد. برای فروش اجناس فیزیکی در اینترنت می‌توان از افزونه ووکامرس کمک گرفت. این افزونه به تنهایی می‌تواند یک فروشگاه اینترنتی را ایجاد کند و با کمک افزونه‌های خود امکانات متعددی را به فروشگاه اضافه کند. جالب‌تر از همه اینکه افزونه رایگانی است و شما تا اینجای کار فقط کافیست هزینه خرید هاست و دامنه را پرداخت کنید. چنانچه هنوز فروشگاه اینترنتی خود را راه‌اندازی نکرده‌اید پیشنهاد می‌کنم برای نصب و راه‌اندازی آن از آموزش ووکامرس کمک بگیرید. http://seowebiran.com/digital_marketing/

طراحی سایت

جلوگیری از ارسال نظرات اسپم در وردپرس

آموزش جلوگیری از ارسال نظرات اسپم در وردپرس – قسمت دوم

/در , , /توسط

آموزش جلوگیری از ارسال نظرات اسپم در وردپرس – قسمت دوم

راهکار دوم: استفاده از افزونه اکیسمت

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

برای استفاده از این افزونه ابتدا به مسیر افزونه‌ها در پیشخوان وردپرس مراجعه کرده و سپس افزونه‌ای که با نام akismet مشاهده می‌کنید را فعال کنید. بعد از فعال کردن این افزونه مشابه تصویر زیر دکمه ای در بالای صفحه با نام Set up your Akismet Account اضافه خواهد شد، روی اون کلیک کنید.

بعد از کلیک روی دکمه مورد نظر به صفحه‌ای مشابه تصویر زیر هدایت خواهید شد که از شما خواسته میشه تا API دریافتی از وردپرس را برای کار کردن افزونه اکیسمت وردپرس وارد کنید. اگر اقدام به تهیه API کردید کافیه تا اونو در فیلد enter an API key وارد کنید، اما اگر هنوز تهیه نکردید روی دکمه آبی رنگ Get your API key کلیک کنید.

بعد از کلیک روی این دکمه به وبسایت akismet هدایت خواهید شد، همونطور که در تصویر مشاهده می‌کنید روی دکمه Get An Akismet API key کلیک کنید تا وارد مرحله بعد شوید.

در مرحله بعد از شما خواسته میشه تا در صورتی که در سایت wordpress.com حساب کاربری ندارید، یک حساب کاربری جدید برای خودتون ایجاد کنید. کافیه تا فرم ثبت نام را پر کرده و ثبت نام خودتون را نهایی کنید. بعد از ثبت نام مشابه تصویر زیر روی دکمه Get Basic در حالت رایگان کلیک کنید. البته میتونید تا از نسخه حرفه‌ای که دارای امکانات بیشتری هم هست استفاده کنید.

جلوگیری از ارسال نظرات اسپم در وردپرس

در ادامه صفحه زیر براتون باز میشه، با کلیک روی نوار کشیدنی که در تصویر هم مشخص شده پلن با مقدار رایگان که هزینه‌اش ۰ هست را انتخاب کرده و سپس روی دکمه Continue کلیک کنید.

بعد از کلیک روی دکمه مدتی منتظر بمونید تا API اختصاصی برای شما ساخته شده و به صفحه مشاهده کلید API هدایت شوید. مشابه تصویر زیر کلید API بهتون نمایش داده میشه، حالا اونو کپی کنید.

سپس به صفحه تنظیمات افزونه اکیسمت در پیشخوان وردپرس برگردید و کد API را در فیلد enter an API key وارد کرده و در نهایت روی دکمه Continue with API key کلیک کنید.

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

 

جلوگیری از ارسال نظرات اسپم در وردپرس

Comments: با فعال کردن تیک این گزینه تعداد نظرات تایید شده از سوی هر کاربر در کنار نام وی نمایش داده خواهد شد.

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

آموزش جلوگیری از ارسال نظرات اسپم در وردپرس – قسمت اول

/در , , /توسط

آموزش جلوگیری از ارسال نظرات اسپم در وردپرس

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

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

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

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

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

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

آموزش جلوگیری از ارسال نظرات اسپم در وردپرس

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

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

برای اینکه بتونید کنترل بهتری روی لیست سیاه در نظرات وردپرس داشته باشید پیشنهاد می‌کنم آموزش آموزش نحوه بلاک کردن آدرس ایمیل در وردپرس را مطالعه و ازش استفاده کنید.

بهبود سئو در سایت وردپرسی - سئو وردپرس - سئو سایت وردپرسی - سئو وب ایران

بهبود سئو از طریق افزایش سرعت در سایت وردپرسی – قسمت دوم

/در , , , , /توسط

بهبود سئو در سایت وردپرسی

از یک تم وردپرسی خوب استفاده کنید

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

به کاربرهای موبایل هم فکر میکنید؟

الآن وب­سایتها بیشتر از گوشیهای هوشمند و تبلت باز میشن تا کامپیوتر. سال ۹۵، ۵۱/۳ درصد از صفحات روز گوشی لود شده بودند، حالا این عدد رو مقایسه کنید با ۵ درصدی که در سال ۸۹ بوده و ۲۵ درصدی که سال ۹۲ بوده.
یه چیزی که این وسط خیلی مهمه اینه که معمولا سرعت اینترنت کاربرهای موبایل کمتره اما توقع دارند سایت شما به سرعت کامپیوتر لود بشه، بلکه حتی سریعتر.
اینجاست که صفحات موبایل پرشتاب (amp) به کارِتون میاد. Amp یه پروژه ای بود که گوگل و توئیتر با هم طراحیش کردند. هدف، ساخت صفحات موبایلی خیلی سریع بود. Amp استفاده از اکثر جاوااسکریپت­ها رو محدود میکنه، تگهای مشخصی از HTML رو حذف میکنه و فقط میتونید از نسخه ساده ای از CSS استفاده کنید.
یه افزونه خوبی در این زمینه تولید شده که amp رو برای وب سایتهای وردپرسی فعال میکنه. اگه میخواهید بدونید عملکردش با افزونه های دیگه ای مثل یوست چطوریه، نگران نباشید، اون هم راه حل داره که بعدا طی یک پست دیگه خدمتتون توضیح میدم.

بهبود سئو در سایت وردپرسی

از PageSpeed گوگل استفاده کنید

PageSpeed با کش کردن قسمتهایی از کد HTML سایت، سرعت و استفاده از پهنای باند رو بهبود میبخشه. وقتی فعالش کنید، فقط کافیه سرورهای گوگل برگردن به سرور اصلی تا قسمتهای کش نشده و بخشهایی رو که روی مرورگر کاربر قابل رؤیته بگیرند. PageSpeed اولویت رو میده به محتوای بالای تای مرورگر (بخشی از صفحه که در یک نگاه و بدون نیاز به اسکرول کردن صفحه قابل رؤیته) و اجرای جاوااسکریپت رو تا بارگذاری کامل صفحه به تعویق میندازه.
به عبارت دیگه، PageSpeed به طور خودکار روشهای بهبود عملکرد وب رو روی صفحات وب­ و متعلقاتش (مثل تصاویر، جاوااسکریپت و CSS) بکار میبره، بدون اینکه لازم باشه تغییری در محتواتون بوجود بیارید.

تصاویرتونو بهینه کنید

قبل از اینکه تصاویر رو روی وب سایتتون بکار ببرید، اونها رو بهینه کنید. خیلی از مشکلاتی که از نظر سرعت دارید با به بهینه سازی ساده تصاویر قابل حله، میتونید برای اینکار از TinyPng  یا Smush it استفاده کنید.
برای عکسها دقیقا اون اندازه از رو که لازمه استفاده کنید. مثلا اگه پهنای جای عکستون ۸۰۰ پیکسل باشه، عکس رو دقیقا در اندازه ۸۰۰ پیکسل آپلود کنید.

دفعات رفت و برگشت رو به حداقل برسونید و از افزونه های کش استفاده کنید

مرورگر باید برای همه دارایی های سایت، مثل فایلهای CSS، فایلهای جاوااسکریپت یا عکسها به طور تک به تک از سرور درخواست یا ریکوئست بده. پس طبیعیه که بخواهید تعداد دفعات این رفت و برگشت ها رو کاهش بدید.
اکثر افزونه های کش، بیشتر مسائل مرتبط با RTT یا دفعات رفت و برگشت رو پوشش میدن. بنابراین اگه از کش سرور استفاده نمی­کنید، میتونید با افزونهW3 Total Cache  همون نتایج رو بدست بیارید. سرعت بارگذاری سایتتون هم بهتر میشه. بد نیست بگم اگه بذارید شرکت ارائه دهنده خدمات هاستتون کش تصاویر رو مدیریت کنه هنوز بهتره.

بهبود سئو از طریق افزایش سرعت در سایت وردپرسی

فشرده سازی Gzip

کدهای وب سایت شما کلی الگوها و عناصر تکراری داره. کار برنامه نویسی اینه که توسعه و خوندن کدها رو برای آدم آسون کنه. اما مرورگر برای زیبا و خوانا بودن نیازی به کد نداره.
الگوریتمهای فشرده سازی، مثل Gzip دنبال این الگوهای تکراری میگردند و به جاشون یه چیز کوتاهتر میذارن. در عمل، این الگوریتم میتونه اندازه جاوااسکریپت، CSS و HTML رو تا ۹۰% کاهش بده.

از هدرهای تاریخ انقضادار استفاده کنید

مرورگرها برای کاهش تعداد و اندازه درخواستهای HTML یه نسخه کش شده از صفحه رو به کاربر ارائه میدن. سرور وب در پاسخ به HTTP برای تعریف مدت زمانی که مرورگر باید کش بشه از هدرهای تاریخ انقضا دار استفاده میکنند. برای بهبود سئو در وردپرس بهتر است اجزای استاتیک وب سایتتون باید از مدل بدون انقضا استفاده کنید. برای اینکار تاریخ انقضای هدر رو برای خیلی دورتر تنظیم کنید. بعضی از افزونه ها مثلW3 Total Cache هم این کارو براتون انجام میدن.

افزونه هایی رو که لازم ندارید یا استفاده نمی کنید حذف کنید

به عنوان یه کاربر حرفه ای وردپرس، دیگه میدونید نصب افزونه انقدر راحته که دیر یا زود به خودتون میاید و می­بینید سایتتون داره از دهها افزونه استفاده میکنه. اغلب هم وقتی افزونه هارو بررسی میکنید متوجه میشید در واقع از خیلی از این ها اصلا استفاده نمیکنید و حتی بعضی هاشون از فایلهای CSS یا جاوااسکریپت دیگه ای استفاده میکنند. افزونه هایی رو که دیگه لازم ندارید یا استفاده نمیکنید حذف کنید.
در حین اینکار برای بهبود سئو در وردپرس، بد نیست یادآوری کنم، گوگل داره وب سایتهایی رو که از تبلیغات پاپ-آپ موبایلی استفاده میکنند جریمه میکنه. شاید بخواهید افزونه های lead generation پاپ-آپ­هاتونو دوباره پیکربندی کنید تا پاپاپ­هاتون فقط روی کامپیوتر کار کنند.

نتیجه

ارتقای سرعت سایت بخشی از مسیر موفقیته سایته. چه بخواهید محصول بفروشید، چه وبلاگ نویسی کنید و یا نرم افزار عرضه کنید، سرعت بارگذاری در هر حال مهمه و امسال نه تنها برای کامپیوتر، که برای موبایل هم ضرورت داره.
اگه میخواهید با ۲۰% تلاش به نتیجه ۵۰ درصدی برسید، باید روی این مسائل تمرکز کنید:
۱- یک شرکت خوب برای خدمات هاستینگ انتخاب کنید که از PHP 7، HTPP/2 و Gzip پشتیبانی کنه.
۲- برای همه فایلهای استاتیک وب سایتتون از CDN استفاده کنید.
۳- با ترکیب اسکریپت های CSS و به تعویق انداختن تجزیه جاوااسکریپت، درخواستهای HTTP رو کاهش بدید.

آموزش مقدماتی HTML آموزش طراحی سایت

آموزش مقدماتی HTML آموزش طراحی سایت – قسمت اول

/در , , /توسط

آموزش مقدماتی HTML آموزش طراحی سایت

برای ورود به دنیای طراحی سایت در مرحله اول احتیاج به دو تا زبان داریم ، یکی زبان HTML و یکی زبان CSS

حالا اول میخوایم براتون بگیم که زبان HTML و CSS چیه؟؟ بعد از اون شروع میکنیم به آموزش HTML و آموزش CSS

HTML مخفف Hyper Text Markup Language هست. خب حالا این یعنی چی؟؟؟!!

معنیش به زبان ساده میشه، زبان نشانه گذاری متن خفن!  دقت کنین که HTML زبان برنامه نویسی نیست، یک زبان نشانه گذاری هست اونم به وسیله یک سری تگ (بر چسب). خب اگر باز هم متوجه نشدین هیچ اشکالی نداره. همین اول کار نذارین برین، ما هنوز راه درازی رو قراره با هم باشیم.

دست به کد شو!

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

حالا با ساده ترین ابزار موجود میخوایم کار کنیم. لطفاً دفترچه یادداشت (Notepad) ویندوز رو باز کنین و شروع کنین به نوشتن.

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

آموزش مقدماتی HTML آموزش طراحی سایت

مثلاً: ۱open میشه شروع تگ <html> (به تگ شروع میگن “تگِ باز”) و ۱closed میشه پایان تگ <html> (به تگ پایان میگن “تگِ بسته”) که در این بین ما میتونیم تگ های دیگه ای رو بنویسیم. در کل ما بین هر تگ باز و بسته میتونیم هر قدر که دلمون بخواد تگ قرار بدیم.

خب اونی که شمارش صفر هست یعنی چی؟ اون مخفف document type هست. معنیش این میشه که فایل ما از نوع HTML باشه. و این تگ در تمام سایت ها نوشته میشه و نوشتنش ضروریه.

فایلی رو که نوشتین با نام index.html رو دسکتاپ ذخیره کنین. همچنین encoding فایل رو روی UTF-8 قرار بدین تا از زبان فارسی پشتیبانی کنه. حالا فایلی رو که روی صفحه ایجاد شده باز کنین. خب می بینین که یک صفحه مرورگر باز میشه و توی اون هیچی ننوشته که طبیعی هم هست چون ما هنوز چیز خاصی درست نکردیم.

 

آموزش مقدماتی HTML

تگ  ” <title> “ :

خب ما میخوایم اون چیزی که دلمون میخواد رو داخل تب بنویسه. مثلاً تب دوم رو می بینین که نوشته “خانه – آموزشگاه طراحی سایت”. برای انجام این کار باید وارد فایلی که نوشتیم بشیم و داخل تگ باز و بسته ” <title> “ مینویسیم “this is a test” اینم کدش “ <title> this is a test </title> ”

حالا تغییرات رو ذخیره میکنیم و دوباره وارد مرورگرمون میشیم. تب مورد نظرمون رو refresh می کنیم. حالا می بینین که متن دلخواهمون رو داره نشون میده. به همین سادگی تونستیم اون چیزی رو که میخوایم بنویسیم.حالا شما دیگه هرچی دلتون میخواد می تونین توی تب بنویسین چه فارسی باشه چه انگلیسی.

همونطور که میبینین صفحه مرورگرمون سفید هست. اگر بخوایم توش چیزی بنویسیم باید چه کنیم؟! به نظرتون تو کدوم یکی از تگ ها باید چیزی بنویسیم؟! اونایی که حدس زدن کارشون درسته.

داخل تگ <body> باید بنویسیم (از این به بعد هر وقت گفتیم داخل تگ فلان یعنی بین تگ باز و بسته فلان). شما هم با ما پیش برین. “<body/> این یک نمونه تست است <body>”

پس با این تمرین کوچولو چیو متوجه شدیم؟ میفهمیم که هر چی که ما تو سایت های مختلف میبینیم همه داخل تگ <body> نوشته شدن. پس ما هر چی رو که بخوایم تو سایتمون به بقیه نشون بدیم باید داخل تگ <body> بنویسیم.

داخل تگ <head> هم فقط لینک های مربوط به فایل های CSS و جاوا اسکریپتمون (javascript) رو می نویسیم. در این مورد بعداً توضیح بیشتری میدیم. اگر تا این جای کار چیزی متوجه نشدین هیچ نگران نباشین، هنوز اول راهیم ?. هر چقدر که بیشتر جلو بریم بیشتر متوجه میشیم.

طراحی سایت در اصفهان - سئو اصفهان -طراحی حرفه ای سایت اصفهان - طراحی حرفه ای سایت اصفهان -بهینه سازی وب سایت اصفهان-طراحی اپلیکیشن اندروید اصفهان

سئو تصاویر و سرعت بارگذاری صفحه – قسمت دوم

/۰ دیدگاه /در , , /توسط

سئو تصاویر و سرعت بارگذاری صفحه

همه چیز در باره GIF و WebP

استفاده از فایل GIF تا زمانی که یک تصویر بصورت انیمیشنی نباشد مجاز نیست. فایل های WebP هم باعث از دست رفتن کیفیت می شوند و در بیشتر مرورگرها بجز اپرا و کروم هم پشتیبانی نیمشوند!

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

اگر میخواهید از فایل های WebP استفاده کنید، می توان از امکانات گوگل استفاده نمود.

استفاده از نوع فایل صحیح

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

در جدول بالا انواع مختلفی از گونه های فایل را ملاحظه فرمودید که باید از چه فایلی در کجا استفاده شود. از خود سوال بپرسید که این نوع از فایل کجا باید استفاده شود؟ آیا این عکس یک اثر هنری است یا یک لوگو؟ برای ذخیره یک عکس از فرمت JPG استفاده شود و برای لوگو و امثال آن از فایل PNG استفاده شود.

سئو تصاویر و سرعت بارگذاری صفحه

JPG یا PNG؟ مسئله این است!

اختلاف این است: از دست دادن در مقابل از دست ندادن!

JPG :

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

برای اینکه مشکلی در تصاویر صفحات بوجود نیاید در هنگام ذخیره یک فایل هیچ گاه کمتر از نرخ ۵۰ % کیفیت را استفاده نکنید. با کارت های گرافیکی امروزی نرخ ۵۰ % را می توان کیفیت مناسبی دانست. در هنگام استفاده از این نوع فایل از تنظیمات پروگرسیو و یا تدریجی استفاده کنید چون در زمان بارگذاری امکان پرش صفحه وجود دارد.

PNG :

این نوع با نام تراکم سازی بدون از دست دادن شناخته می شود. در این حالت با ذخیره فایل اطلاعات و داده ها از بین نمی روند. دو دسته از این فایل ها وجود دارد یکی نسخه ۲۴بیتی و دیگری نسخه ۸بیتی. وقتی که سعی به کاهش سایز فایل دارید از نسخه و تنظیمات ۸ بیتی استفاده کنید. وقتی که یک فایل PNG در فتوشاپ ذخیره می شود از گزینه Export استفاده کنید. می توانید رنگ های کمتر و یا سیاه و سفید استفاده کنید که باعث می شود فایل کاهش حجم ۵۰ % تا ۹۰ % داشته باشد.

طراحی سایت در اصفهان 

سئو در اصفهان