سلام

این پست رو بنا به درخواست یکی از دوستای عزیزمون آقای مازیار براتون نوشتم

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

1. اولین کار اینه که شما بدونین لینکتون رو در قسمت پیوند های روزانه گذاشتین یا پیوندهای وبلاگ (خب من هر دو قسمت رو آموزش میدم) (آموزش تصویری این مرحله).................

{1001}

همان طور که می دانیم، امروزه فیلم ها و کلیپ های ویدئویی جزء جدایی ناپذیر از دنیای وب شده اند و بیش از پیش کاربران و مدیران وبلاگ ها و سایت ها تمایل دارند که از این نوع محتوا در صفحات خود استفاده کنند و کلیپ هایشان را با دیگران به اشتراک بگذارند، اما برای اکثر افراد، انجام این کار به راحتی ممکن نیست و بیشتر کاربران ترجیح می دهند از شبکه های اشتراک گذاری فیلم و کلیپ استفاده نمایند؛ از این رو در این مطلب قصد داریم روش های درج فیلم و ویدئوهای FLV یا Flash Video را در وبلاگ و سایت، برای این دسته از دوستان آموزش دهیم.

پخش ویدئو در وب چه مسیری را طی کرده و به چه سمتی در حرکت است؟

پیش از فراگیر شدن فرمت FLV یا همان Flash Video به عنوان فرمتی استاندارد برای پخش ویدئوها در وب، کاربران ناچار بودند از ویندوز مدیا پلیر (Windows Media Player) یا کیوک تایم (Quick Time) و فرمت های پشتیبانی شده توسط آنها استفاده کنند که هر کدام مشکلاتی را برای بازدیدکننده گان صفحات به وجود می آوردند، از جمله اینکه این برنامه ها حجم، کیفیت و قابلیت سازگاری کم تری با مرورگرها داشتند؛ اینچنین بود که به مرور FLV جای خود را بین کاربران باز کرد و سایتهای زیادی از آن به عنوان فرمت استاندارد استفاده نمودند، اما همچنان مشکل درج و پخش مستقیم ویدئو در صفحات وب حل نشده باقی مانده بود، یعنی برای پخش کلیپ های FLV ناچاریم از پلاگین ها و پلیرهای جانبی استفاده نمائیم؛ به همین خاطر در نسخه جدید HTML که به HTML5 معروف است، این مسائل تا حدود زیادی حل شده است، اما مشکل این است که هنوز بسیاری از کاربران از مرورگرهای قدیمی استفاده می کنند (که از HTML5 پشتیبانی نمی کند) و این امکان را نمی توان در مرورگر آنها مورد استفاده قرار داد، لذا تا فراگیر شدن HTML5 ناچاریم از همان پلاگین ها استفاده نمائیم؛ در این آموزش سعی می کنیم هر دو روش را بیان کنیم.

درج و پخش فیلم با کدهای HTML5 و تگ video

قبل از اینکه بتوانیم ویدئو در وبلاگ یا سایت خود درج کنیم، باید فرمت ها و قابلیت های آنها را بشناسیم، فرمتهایی که در HTML5 برای پخش فیلم مورد استفاده قرار می گیرند عبارتند از mp4، ogg و webm؛ البته متاسفانه هر مرورگری فرمت یا فرمتهای خاصی را پشتیبانی می کند و لذا برای درج کلیپ خود باید آن را به چندین فرمت تبدیل کنید و همه ی فایل ها را در یک کد قرار دهید تا اگر مرورگر با یک فرمت سازگار نبود، به فرمت بعدی مراجعه کند، مثال زیر گویا است:

توضیح:

- کد بالا یک کلیپ با سه فرمت مختلف را در خود دارد که این کار برای اطمینان از سازگاری با تمام مرورگرهاست.

- کلیپ خود را باید با برنامه هایی نظیر Total Video Converter به فرمت های mp4، ogg و webm تبدیل نمائید.

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

درج کلیپ های Flash Video) FLV) با پلاگین MPW player

همانطور که گفتیم، اگرچه HTML5 نیازی به کدها و فایلهای جانبی ندارد، اما هنوز بسیاری از کاربران از مرورگرهایی استفاده می کنند که از تگ های آن پشتیبانی نمی کنند، لذا استفاده از پلیر های رایگان می تواند در شرایط فعلی گزینه اول ما باشد، بدین منظور تا به امروز در عرصه وب برنامه های رایگان و خوبی ارائه شده که از جمله بهترین های آن می توان Flow Player و JW Player را نام برد، اما این برنامه ها با وجود توانایی هایشان یک ایراد اساسی دارند و آن هم حجم زیادی است که برای بارگذاری فایل های خود از پهنای باند سرور اشغال می کنند، همانطور که می دانیم حجم زیاد فایل ها، باعث به زحمت افتادن کاربران با سرعت اینترنت پائین و استفاده بیش از حد از ظرفیت پهنای باند سرور ها می شود، لذا باید به فکر جایگزینی برای این برنامه ها باشیم، تا آنجا که ما بررسی کرده ایم، برنامه ای به نام MPW Player از هر لحاظ مناسب است؛ این برنامه علی رغم حجم کم، توانایی پخش ویدئو های FLV و همچنین آهنگهای MP3 را دارد، از جمله دیگر ویژگی های مثبت آن می توان به قابلیت سفارشی سازی، نمایش پیام در حال بارگذاری، امکان Full Screen، دارا بودن تایم لاین و کنترل بر روی کلیپ و همچنین کنترل های مربوط به صدا را نام برد؛ در زیر نسخه ای از آن را جهت دریافت قرار داده ایم:

دانلود برنامه پخش ویدئوهای MPW player) FLV) - حجم: کمتر از 50 کیلوبایت

توضیح:

- بسته بالا حاوی چند فایل با نام های mpw_player.swf (فایل اصلی پلیر)، index.html (جهت نمونه و مثال)، mpw_player.fla (سورس فایل فلش با فرمت fla برای اعمال تنظیمات سفارشی) و یک فایل جاوا اسکریپتی با نام swfobject.js در مجموع با حجمی کمتر از 50 کیلوبایت است.

- فایل index.html نیاز به دو فایل با نام های video.flv و audio.mp3 دارد که ما برای کم حجم تر شدن و راحتی دانلود، آنها را حذف کرده ایم، برای تست و دیدن نحوه اجرای برنامه، این دو فایل را به صورت دلخواه ایجاد و با نام های عنوان شده در کنار فایل ایندکس قرار دهید.

نحوه استفاده از برنامه پخش ویدئوهای MPW player) FLV) و تنظیمات آن

قبل از هر چیز ویدئو ها و کلیپ های خود را با برنامه هایی نظیر Total Video Converter یا Riva FLV Encoder به فرمت FLV تبدیل کنید؛ سپس فایل های اصلی برنامه را به همراه کلیپ خود در سرور یا یک سایت آپلود رایگان قرار دهید و لینک مستقیم آن را در کدهای زیر جایگزین نمائید.

فایل جاوا اسکریپت را در صفحه ایمپورت کنید، مثلا:

اکنون کد زیر را مطابق با فایل های خود تنظیم نمائید:

 
  

var so = new SWFObject("http://example.com/mpw_player.swf", "swfplayer", "400", "327", "9", "#000000");
so.addVariable("flv", "http://example.com/movie.flv");   
so.addParam("allowFullScreen","true");
so.write("flvplayer");

توضیح:

- آدرس فایل های آپلود شده خود را در قسمت  http://example.com به جای آدرس های پیش فرض قرار دهید.

- اعداد 400 و 327 در کد بالا، برای تنظیم ارتفاع و عرض پلیر است؛ کد هگز 000000# برای تنظیم رنگ پس زمینه پلیر است. 

- allowFullScreen در کد، اگر مقدار آن true باشد، یعنی کاربر می تواند کلیپ را تمام صفحه ببیند و اگر مقدارش برابر false باشد، این امکان را ندارد.

- تگ پایانی کد یا so.write در بلاکی که آی دی آن به عنوان مقدار تنظیم شده است، خروجی ما را نشان خواهد داد.

- برای استفاده چند باره از پلیر، آی دی بلاک را باید در دو قسمت div id و so.write به نحوه دلخواه و البته یکسان تغییر دهید، تا از تداخل کلیپ ها جلوگیری شود.

سایر پارامترهایی که می توانید از آنها استفاده کنید، تصویر پس زمینه پلیر و قابلیت پخش خودکار و تنظیمات مربوط به رنگ است:

so.addVariable("jpg","image.jpg");
so.addVariable("autoplay","true");
so.addVariable("backcolor","000000");
so.addVariable("frontcolor","ffffff");

استفاده از MPW player برای پخش آهنگ در صفحات وب

علاوه بر قدرت این برنامه در پخش ویدئوهای FLV، به راحتی می توان از آن به عنوان پلیر پخش آهنگ های mp3 در سایت یا وبلاگ خود استفاده کنید، کافی است کد را مطابق الگوی زیر تنظیم نمائید:

 

var so = new SWFObject("http://example.com/mpw_player.swf", "swfplayer", "400", "27", "9", "#FFFFFF");
so.addVariable("mp3", "http://example.com/audio.mp3");
//so.addVariable("autoplay","true");
so.addVariable("effect","false");
so.addVariable("backcolor","FFFFFF");
so.addVariable("frontcolor","1864AF");
so.addVariable("fullscreen","false");
so.addParam("allowFullScreen","true");
so.write("mp3player");

پیش نمایش حالت mp3 player برنامه:

تنظیمات این کد نیز مانند مثال بالا است؛ کافی است فایل ها را آپلود و در کد جایگزین نمائید.

{1001}LR'_'BZ

{1001}

در این درس مطالب قبلی را جمع بندی کرده و با ذکر چند نکته بحث را خاتمه می دهم

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

برخی از نکات خلاصه شده ی درسهای قبلی هستند.

1- کلمات کلیدی موضوع وبلاگ یا وبسایت خود را شناسایی و یادداشت کنید.
2- هرگاه مطلبی منتشر می کنید سعی کنید کلمه ی کلیدی در آدرس (لینک) مربوط به مطلب نیز قرار گیرد.
3- سعی کنید از کلمات کلیدی به طور صحیح و با جمله بندهای درست در متن هر مطلب استفاده کنید.
4- از قرار گیری کلمات کلیدی در عنوان صحفه مطمئن شوید
5- از قرار گیری کلمات کلیدی در متاتگ کلمات کلیدی (keywords) مطمئن شوید
6- از قرار گیری کلمات کلیدی در متاتگ توضیح (description) مطمئن شوید
7- از قرار دادن توضیح (alternate text) برای تصاویری که در مطالب درج می کنید مطمئن شوید.
8- ترتیبی بدهید که لینک شما در وبلاگها و وبسایت های زیادی درج شود.
9- از تلاش برای تقلب و کلک زدن به گوگل اجتناب کنید(گوگل مکانیسم های بسیاری برای مقابله با متخلفین دارد)
10- از کپی کردن مطالب دیگران اجنتاب کنید و سعی کنید مطالب اختصاصی خودتان را ارسال کنید.
11- از قرار دادن یک مطلب در چندین آدرس خودداری کنید(وبلاگهای مشابه ایجاد نکنید).
12- تعداد مطالب و صفحات خود را تا حد ممکن افزایش دهید.
13- از امکانی که با نام برچست و یا تگ معروف است استفاده کنید اما در این کار زیاده روی نکنید.
14- به هر صفحه و وبلاگی لینک ندهید و با افراد زیادی تبادل لینک نکنید.
15- تا حد امکان از قالب های سبک و ساده استفاده کنید.
16- از قالبهای با کد و اچ تی ام ال استاندارد استفاده کنید.
17- در شبکه های اجتماعی فعالیت کنید و تا می توانید لینک وبلاگ خود را با دیگران به اشتراک بگذارید.
18- از فریم ها و فایلهای فلش در وبلاگ خود استفاده نکنید.
19- از برخی امکانات گوگل مانند گوگل وبمستر استفاده کنید.
20- اگر وبلاگ شما یک وبلاگ تخصصی است آنرا در دایرکتوری دیموز (DMOZ) ثبت کنید.

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