خودتون میدونید که من خیلی ابزار نمیسازم اما این یکی رو به خاطر دوستان گلم و خانوادم . مسئولان مدرسم . بغال سر کوچه دوست خوبم احسان. سبزی فروش دم رودخونه و گوشی خوبم و لب تاپم و هزاران جوایز نقدی دیگر!
خب کجا بودیم!؟
همین دیگه برید حالش رو ببرید ...
با تشکر. به امید روز های بهتر.
سلام
ابزاری که براتون ساختم به کمکش میتونید تگ ویدئو بسازید.
تگ video تگی است که به تازگی توسط نسخه پنجم HTML یعنی HTM5 ارائه شده است که به کمک این تگ میتوان در صفحه وب خود فایل ویدئویی برای نمایش قرار داد. از مزیت های این تگ نسبت به تگ هایی همچون embed و object این است که در صورتی که مرورگر شما از HTML5 پشتیبانی کند مرورگر دیگر نیازی به پلاگین های نمایش ویدئو ندارد.
توی گزینه ها یک گزینه هست بنام آدرس پوستر. شاید توی سایت هایی مثل آپارات دیده باشید که اول فیلم یا یه عکس تبلیغاتی میاد یا یه پیام بازرگانی. بوسیله این خاصیت میشه این کار ها رو کرد. اگه خالیش بزارید اولین فریم فیلم به عنوان پوستر نشون داده میشه.
باتشکر
MyEditor یک ادیتور برای برنامه نویسان وب هست
تفاوت این ادیتور با ادیتور های دیگه اینه که شما کدتون رو می نویسید بعد با زدن یک دکمه نتیجه کد ها تون رو بدون اینکه نیاز باشه مرورگرتون رو باز کنید میبینید
درواقع در سمت راست برنامه یک مرورگر با هسته ی مرورگر Chrome قرار داده شده و نتیجه کد ها نوشته شده در سمت چپ برنامه رو نمایش میده
امکانات نرم افزار:
مرورگر: برنامه خود دارای یک مرورگر بری نمایش نتیجه کد ها هست که CSS3 و HTML5 رو ساپورت می کنه
چند تب بودن: امکان باز کردن چند تب در برنامه
محیط برنامه: محیط برنامه بسیار ساده و عین حال پیشرفته طراحی شده
بارکردن پوشه: شما می تونید یک پوشه که می تونه پوشه پروژه های شما باشه رو در برنامه باز کنید (همین طور که در عکس میبینید)(درواقع یک فایل منیجر کامل در برنامه قرار داده شده)
Localhost: در صورتی که شما از Localhost استفاده می کنید میتوندید با قسمتی که در برنامه برای نمایش Localhost قرار داده شده می تونید http://localhost رو در برنامه به صورت کامل مشاهده کنید!
Color Picker: یک Color Picker پیشرفته در برنامه قرار داده شده که همین از طریق منوی بالا و هم از طریق دکمه های (Ctrl+Space) در ادیتور قابل دسترسی هست
دریافت سورس سایت: یکی از قسمت هایی که می تونه خیلی هم کاربرد داشته باشه دریافت سورس یک صفحه وب و نمایش مستقیم اون در برنامه هست
بازدکردن در مرورگر: و البته در صورت تمایل می تونید فایلی که در حال ویرایش اون هستید رو در مرورگر اصلی خودتون با دکمه ای که در بالای برنامه قرار داده شده باز کنید
اضافه شدن گزینه "Open in MyEditor": با زدن این گزینه که در منوی راست کلیک فایل ها اضافه شده اون فایل در MyEditor باز میشه
از سال 2005 تگ عنوان صفحه در موتور جستجو اهمیت بالایی پیدا کرد نمایش عنوان صفحات وب سایت شما در موتور جستجو مجبور کرد که اسکریپ ها موجود در فضای اینترنت خود را با این سیگنال خود را هماهنگ کنند موضوع مهمی در سئو بهینه سازی موتور جستجو برای وب سایتهای تجاری وبلاگ نویسی اهمیت رتبه بندی بر روی صفحه اول نتایج موتور جستجو برای محتوای وب سایت در بالاترین نمایش پیدا کند چه کلمات عنوانی در چینش عناون و متن مقاله ایجاد شود که به صورت چشم انداز ایده ال از پتانسیل بالایی داشته باشه و بعد از ایجاد به فعل گردد
در دنیای موتور جستجو سه مورد خیلی باید دقت کنید
1- CTR reranking اهمیت بسیار زیادی پیدا کرد مد نظر داشته باشید تگ عنوان میتونه عنوان سایت + عنوان پست مقاله + عنوان برچسب + عنوان موضوعات + عنوان صفحات دیگر باشد
2-کلمات ترکیبی اهمیت بسیار زیادی پیدا کرده در گذشته خیلی از وب مسترها به دنبال یک کلمه و دو کلمه خاص بودند در 2015 کلمات کلیدی طولانی اهمیت پیدا کرده یعنی ساختار عنوان به 5 کلمه افزایش پیدا کرده یعنی دانش جستجوی کاربرا به یک کلمه نیست دانش کاربرا بالا رفته و جستجو را محدود میکنند گستردگی یک تک کلمه اصلا و کلا به جهل و نادانی کاربر بر میگرده
3-عنوان منحصر به فرد اهمیت بسیار بالایی دارد چطور عنوان منحصر به فرد ایجاد کنیم چطور از ترکیبهای کلمات در عنوان مقاله و برچسب مقاله و توضیح مقاله بهینه و سئو شده کار کنیم
چطور سیگنال خوبی یک مقاله و محتوایات سایت ما داشته باشد
چطور کیفیت یک مقاله رو بسنجیم
چطور کلمات کلیدی پیوسته را به صورت عنوان بدست آوریم
مواردی که حتما و باید در پست مقاله استفاده شود
1- عنوان مقاله دارای کلمات کلیدی موضوع و برچسبها و سایت خود را دارا باشه هر چه نزدیک بودن این عبارت طولانی و در عین حال کوتاه می تواند نقش بسزایی در موتور جستجو دارارباشد و حتما عبارت عنوان باید دارای چگالی خوبی در متن مقاله باشد
2-نوشتن متا توضیح مناسب بر اساس عنوان و برچسب و موضوع آن پست به آن مقاله کمک میکند در جایگاه مناسبی برای آن مقاله ایجاد نماید
3- اگر بتوانید در URL یکتای پست و مقاله عبارت کلیدی شما ایجاد شود عالی هست آن نیز سیگنال مناسبی در جایگاه موتور جستجو دارد
4- محتوا باید تعداد کلمات مناسب و با چینش و بدون غلط املایی نوشته شود و حتما دقت استفاده از کلمات عنوان و برچسب موضوع به پست شما خیلی سیگنال مثبت می دهد
5- تگ هدینگ h2-h6 می توانید بر اساس استایل قالبتون و نیز موارد استفاده شده در قالب ایستاتیک خودتون مورد استفاده قرار بگیرد دقت کنید تعداد زیاد و کد مخفی به هیچ وجهی به شما کمک نخواهد کرد
6- استفاده از کیبوردهای مخصوص آن پست مقاله در آلت و عنوان عکسهای مقاله و ارتباط آن عکس با عنوان مقاله و متن آن مقاله
7-استفاده از لینک منبع متن مقاله به پستها و موضوعات وبتون ارزش ان مقاله رو بالاتر ببرید دقت کنید ارتباط معنایی آن کلمات لینک داده شده به مقاله مزتبط باشه هر چقدر ارتباط بالا تر باشه با مقاله مرتبط میتواند سیگنال بهتری برای همین این مقاله و مقاله مرتبط براتون ایجاد می شود
8-ارتباط نویسندگی پست مقاله با گوگل پلاس شما سیگنال مثبتی برای آن مقاله ایجاد میکند هر چند چند ماهی هست نمایش عکس گوگل پلاس از نتایج حذف شده اما هنوز سیگنال آن سر جای خود هست
همه موراد بالا خیلی از پلاگینهای سیستمها و اسکریپها ایجاد میکند مثلا پلاگین یاهست وردپرس
همانطور مشاهده میکنید موارد بالا به دقت در این پلاگین ایجاد شده حال شما بخواهید از این سئو پست مقاله خود استفاده کنید باید اسکریپ شما چند ایتم رعایت کند همجون عنوان سئو و توضیح اختصاصی سئو و تنظیم یکتای پست مقاله سئو شما
اگر این موارد را دارید به راحتی با آموزش بالا می توانید در سئو مقاله پست خودتان موثر کارکنید
یک مورد می ماند چطور کلمات عنوان و توضیح بدست آوریم که هم در موتور جستجو اهمیت بالا داشته باشد
از طریق این سایت کلمات پیوسته رو بدست آورید از ترکیب کلمات بتوانید هم در عنوان و هم توضیح پست و برچسب استفاده نمایید
چند مورد آموزشی در ایجاد یک پست مقاله باید خیلی دقت کنید
1- مقاله سرگرم کننده باشد
2- مقاله آموزشی باشد
3- مقاله باید مرتبط با وب سایت شما باشد
4-مقاله روشنگری خاصی در آن موضوع به خواننده دهد
5- مقاله باید این قدرت را داشته باشد که بازدید کننده بتواند آن را تجزیه و تحلیل و آنرا درک کند
6- پاسخ به سوالات کاربران و خوانندگان مقاله از اهمیت بالایی در کاربر پسند بودن وب سایت شما دارد
7- در مقاله باید اتصالات گوناگونی به مقالات دیگر و وب سایت شما بدهد یعنی سیگنالهای مثبتی به سایر صفحات شما دهد
برای اطلاعات بیشتر به راهنمای گوگل مراجعه نمایید
مسائلی در چند روز گذشته دیدم بعضی ها اسمشون گذاشتند طراح ابتدایی ترین مسائل ساخت سایت نمی دانند اما نظراتی می دهند که اصلا خودشون هم نمی دانند چه کار میکنند
بحث امروز ساخت و طراحی مسیر موبایل هست
خیر نه خوب هست و نه بد
چرا نه خوب هست و نه بد چون مسیر جدید باید طبق الگوریتمهای گوگل ایجاد شود وگرنه داپلیکت می شود یعنی مسیر های تکرار
درد سری که ساخت مسیر جدید دارد به درد سرش نمی ارزد
چون شما باید url مسیر هد تعریف کنی
مثلا مسیر وب شما این است
مسیر موبایل شما
بدین شکل تعریف کنید در هد صفحه
مدیریت مسیر ها و هندل کردن سرور در شناسایی مسیر آنقدر سخت هست که یک پروژه فوق العاده سنگین است
حال بگیریم این کار انجام دهیم حال ایندکس موبایلی سایت چه کنیم
باید داخل نقشه مسیر را به این صورت تعریف کنیم
دقت کنید کلیه مطالب توضیح داده شده از گوگل هست
اگر دانش آن را ندارید ورود کردن در این کار متلاشی کردن یک سایت می باشد
پیشنهاد من همون ریسپانسیو واکنش گرا کردن قالب می باشد
این تکنولوژی که بر اساس CSS3 ( یا میشه گفت دستورات شرطی CSS3 ) به وجود آمده
طوری کار میکنه وقتی اندازه صفحه دستگاهی که شما یا هر کاربری با اون سایت رو مشاهده میکند
تشخیص میده نسبت به اندازه صفحه شما سایت رو در حالت نمایش تغیر میده
که همون واکنش پذیری در زبان پارسی گفته میشه !!!
دقت کنید واکنش گرا کردن باید طراح تسط بسیار زیادی در css3 و شرط گذاری و استاندارد سازی آن را داشته باشد
مثلا در سایز واکنش پذیر از تبلت تا گوشی سایز قالب حجم آن را کم کنید
گه قبلا توضیحی کوچکی قرار دادم
سوال کردن در مقاله قدیم چطور ححم قالب در واکنش پذیری کاهش بدیم که ctr ما دچار مشکل نشود
پاسخ همانطور گفتم ctr در حالت معمولی قالب با حالت قالب در تبلت و موبالها باید یکسان باشد
شما بلوکهایی که در قالب حجم بالا داره در فراخوان تبلت به پایین disply none کنید
مثلا شما 2 بلوک تبلیغات بنری در قالب دارید و حجم آنها زیاد هست به راحتی در فراخوان در تبلت تا گوشی hiden کنید
بهترین ارزیاب حجم قالب و ایرادها موبایل w3 می باشد