Barcamp Bangkhen ครั้งที่2 [Morning session]

10.00 - 10.50 @ 303

seo โคตรแรง  อะไรก็แซงไม่ได้ [RockRank]

พี่หนุ่ย(Rock) มาช้ากว่าเวลาเริ่มนานพอตัว (เราก็เลยได้นั่งคุยกับคนที่มานั่งรอเหมือนกัน session นี้ไปพลางๆ มีคนนึงเป็นรุ่นพี่ CS KU ด้วย แต่สงสัยจะจบไปนานแล้ว เลยไม่เคยเห็นหน้า ><") พี่เค้ามาแบบไม่ได้เตรียมตัวสุดๆ (พี่คงเอกลักษณ์บาร์แคมป์มากค่ะ) มาถึงพี่เค้าก็ขอโทษก่อนที่ให้รอ แล้วบอกเหตุผลที่ไม่ได้เตรียมอะไรมา เพราะว่า พี่เค้าไปช่วยคนน้ำท่วมมาค่ะ

มาถึงก็ขรุขระนิดหน่อย เพราะว่าพี่เค้าไม่ได้ขอ Username/Password WiFi ของ KUWIN มา เราก็เลยออกไปใส่ Username/Password ของเราให้ (เป็นเด็กเกษตรมันดีอย่างนี้แหละ!!! -- พี่เค้าแซวว่า น่าจะมาช่วยพี่ตั้งนานแล้วนะ แหะๆ >//<) แล้วพี่เค้าก็บอกว่า "เราหน้าคุ้นๆนะ เหมือนเคยเห็นใน G+" ... "อ๋อ ใช่ค่ะ" ก็พี่เพิ่งแอดมาไม่นานมานี้ไม่ใช่เหรอคะ - -"

มาเข้าเรื่องกันดีกว่าค่ะ

SEO: Search Engine Optimization

Search Engine คือ เครื่องมือค้นหาข้อมูลในอินเตอร์เน็ต โดยการระบุคำค้น (Keyword) ที่ต้องการ

เอาง่ายๆคือ ปรับแต่งค่า, คำ, เนื้อหาต่างๆ ในเว็บไซต์ของเรา ให้ search engine หาเจอในอันดับต้นๆ

ความสำคัญของ Rank 

- ผู้ใช้โดยทั่วไปมักจะ Click ที่ 1-3 อันดับแรก โดยไม่ดูว่าข้อมูลตามที่ต้องการหรือไม่

- จะสนใจ Click เข้าไปดูผลการค้นหาจาก หน้าแรก เป็นหลัก และ หน้าที่ 2 และ 3 ตามมา หลังจากนั้นจะไม่ค่อยรับความสนใจ

ประโยชน์ของการที่เว็บไซต์มีอันดับดี

- เพิ่มความหน้าเชื่อถือ และสร้างภาพพจน์ที่ดีให้กับเว็บไซต์

- มีจำนวนคน Click เพื่อเข้าสู่เว็บไซต์มากขึ้น

- โอกาสทางธุรกิจที่จะขายสินค้า หรือ บริการผ่านเว็บไซต์มีเพิ่มมากขึ้น

SEO ประกอบไปด้วย

1) Content  คือ เนื้อหาบทความ รายละเอียด รูปภาพ บทความ ข่าว ฯลฯ

2) Links คือ ลิงค์ที่เชื่อมโยงไปหากันจากในเว็บเรา  และลิ้งที่เชื่อมโยงมาจากเว็บอื่นๆ

3) Site Architecture  คือ การวางโครงสร้างของเว็บเรา  การเช่าโฮส ชื่อโดเมน

เครื่องมือช่วยวิเคราะห์คีย์เวิร์ด
https://adwords.google.com/select/KeywordToolExternal
และจากประสบการณ์ของพี่เค้า พี่เค้าบอกว่า

ให้ใช้ keyword ที่มีคน search อย่างน้อยวันละ 100 คน!!!

การหา keyword ที่ดี จากที่พี่เค้าทำๆมานะคะ

-ให้ใช้คำยาวๆ

-ดูพฤติกรรมลูกค้าว่าเค้าต้องการอะไร

-ใช้คำที่เจาะจงกับ websiteของเรา  เช่น ล่องแพกาญจนบุรี เพราะว่า คำสั้นๆ มันจะรวมทุกอย่างที่เกี่ยวข้อง เช่นคำว่า "แพ" จะหมายถึง แพท, แพรวา, ... เป็นต้นค่ะ

และในขณะนี้ Youtube ก็มาเป็นอันดับสอง รองจาก Google เป็นอะไรที่ได้รับความนิยมมากๆด้วยความที่สามารถแบ่งปัน vdo กันได้แบบฟรีๆ สามารถเผยแพร่เนื้อหาต่างๆในรูปแบบ vdo สามารถนำมาใส่ลงในเว็บไซต์ของเราเองได้เลยโดยการนำโค้ดมาแปะ จึงควรเข้าไปศึกษาที่ https://ads.youtube.com/ เอาไว้ด้วย

พี่เค้าแนะนำให้ใช้ Browser เป็น Firefox ค่ะ เพราะว่ามี plug-in ที่ support ด้านการทำ SEO (มีมากกว่า Browser ตัวอื่นๆ) แล้วก็แนะนำตัวนี้มาค่ะ seoquake.com เป็น seo toolbar ของ Firefox

พี่เค้าเล่าให้ฟังว่า ในแง่การทำธุรกิจ มีการทำอยู่แบบด้วยกันคือ
1 email marketing เร็วและได้ผล เพราะมีการ register ขอรับข่าวสารจากคนที่สนใจเราจริงๆ
2 spam email พวกน้องจิ๊บ น้องก้อย ที่เราได้รับกันอยู่ทุกวัน <--เราเองก็มีทุกวันเหมือนกัน น่ารำคาญชะมัด!
3 banner เช่นการลงโฆษณากับพวก sanook, kapook
4 SEM, SEO || SEO จะเห็นผลได้จริง ใช้เวลาในการทำประมาณ 2 เดือนค่ะ

กลับมาที่เรื่องการทำ SEO มีประเด็นง่ายๆ ดังนี้ค่ะ (แต่ไม่รู้ว่าเอาไปทำเองจะทำได้ไม๊ ><")

การปรับแต่งหน้าเว็บไซต์ เพื่อช่วยเรื่อง SEO
1. Title Tag <TITLE></TITLE>
2. Head Tag <H1></H1>, <H2></H2>, <H3></H3> ทำเป็นตัวหนา
3. Meta Keyword Tag    
4. Meta Description Tag
5. Image ALT Tag
6. เว็บเพจทุกๆหน้าควรใส่ลิ้งกลับไปหน้าโฮมโดยใช้เป็น absolute url เช่น http://www.yourdomain.com/
7. กระจาย keyword ให้ทั่วหน้าเว็บไซต์
8. ทำ text link ภายในเว็บไซต์ ให้เนื้อหาที่เกี่ยวข้องลิงค์เข้าหากัน อะไรที่ไม่เกี่ยวก็ไม่ต้องไปสนใจมัน

ขณะนี้ Algorithms ใหม่ของ Google ชอบการ Update ค่ะ
แต่มันเป็นเรื่องยากที่ เราจะ update static website ของเราตลอดเวลา พี่เค้าเลยแนะนำทริคเล็กๆน้อยๆ นั่นคือ
สร้าง Blog ไว้หลายๆที่ แล้วยิง text link ที่เป็น keyword กลับไปยังหน้า website หลัก ซึ่งต้องสร้าง Blog ที่มี content ต่างกันด้วยนะคะ
หรือ
เอา url ของ website เรา tweet + retweet ค่ะ

แล้วพี่เค้าก็แนะนำเรื่อง Sparks ของ Google+

ว่าเป็นสิ่งที่น่าจับตามองในการทำ SEO ในอนาคต เพราะว่า หลักการทำงานของ Sparks จะดึง feeds ใหม่ๆมาแทรกตลอดเวลา (ตรงกับหลักการ update ใช่ปะคะ?)

ก่อนจะจบ session พี่เค้าท้าว่า

ให้ลองเขียนเกี่ยวกับงาน Barcamp Bangkhen#2 ลงใน website ของตัวเอง

จากนั้นสร้าง Blog หลายๆ Blog (ประมาณ 5 ก็ได้)

แล้ว tweet link (absolute url) หน้า website ของเราจาก 5 account 

พี่เค้าบอกว่า ถ้าไม่ได้ผล ก็เสียชื่อพี่เค้าละ 555 (แล้วถ้าอยากทำให้ blog ติด rank นี่ต้องทำยังไงอ่าคะพี่ :P)

สนใจเนื้อหาเพิ่มเติม ส่งเมล์ไปหาพี่เค้าได้นะคะ ที่ iamrock@hotmail.co.th พี่เค้าเป็นคนอัธยาศัยดีมากค่ะ

10.50 - 11.20 @ 302

Social Networking Development (Design Mode) [@Nikon2532]


พี่หมิง จาก KMITL พูดเกี่ยวกับเรื่องการ design โปรแกรมของพี่เค้าค่ะ
เป็น session ที่พี่เค้าพยายามพูดทั้งไทยและอังกฤษปนๆกัน เอาจริงๆแล้ว ฟังภาษาอังกฤษพี่เค้าไม่ค่อยรู้เรื่องค่ะ ดูตะกุกตะกักไปหน่อย แต่ชอบตรงที่พี่เค้ามีความกล้าที่จะทำค่ะ อันนี้ถือว่าดีมากเลย ได้ทั้งการ presentation และภาษาอังกฤษไปในตัว

การที่เราจะเริ่มทำอะไรซักอย่างนึงต้องมี

Requirement เพื่อที่จะได้รู้ว่า เราจะทำอะไร ต้องการอะไร และจะทำมันอย่างไร เช่น การทำโปรแกรมบนมือถือ พี่เค้าบอกว่า "Design should be small size for mobile" อะไรทำนองนี้ค่ะ

User Profile พวก Use Case อะ เห็นแล้วคิดถึงตอนเรียน SA เลย = ="

Survey เพื่อที่จะได้รู้ว่า เราจะ design มันยังไงดี ใช้การถามเพื่อน หรือทำโพล หรืออะไรก็ได้ค่ะ

Interface design ของแต่ละหน้าว่าควรเป็นยังไง (หน้า login, หน้าหลังจาก login,  ...)

พี่เค้าโชว์ตัวโปรแกรมที่พี่เค้าทำ ชื่อ iMing ค่ะ (ทำกับเพื่อนพี่เค้า) ออกจะ design แปลกตาอยู่ซักหน่อย คือเลือกคนที่จะ chat ด้วยด้านล่าง (<---->) แล้วค่อยขึ้นไป chat ด้านบน (^) พี่เค้า design เอาพวกหัวข้อไว้ด้านล่าง <--เราคิดว่ามันเหมือน task bar ดีนะ


แล้วพี่เค้าก็สรุปประเด็นการพูดครั้งนี้ว่า

การ design เกิดจากหลายคนดีกว่าเกิดจากคนๆเดียว

(เช่น Facebook)

11.20 - 12.10 @ 201(Slope Room)

Digital Magazine [@Beartai]

ถ้าบอกว่า หนึ่งในจุดประสงค์หลักของการมา Barcamp Bangkhen#2 คือ session นี้จะเวอร์ไปไม๊นะ 55 ก็มันเรื่องจริงนี่หน่า ปีที่แล้วก็ได้เข้า session ของพี่ๆ Beartai ก็เลยเกิดความประทับใจในการนำเสนอของพี่ๆเค้า ปีนี้พี่ๆมากัน 3 คนค่ะ @ripmilla @nuishow @sharkshows

ก่อนมางานปีนี้ยังเคย tweet ไปถาม @ripmilla (ขอเรียกพี่แล้วกันนะคะ อาจารย์ศุภเดช แหะๆ) ว่างาน Barcamp Bangkhen#2 ปีนี้ พี่ๆ Beartai มาไม๊

"อยากไปแต่ติดถ่ายแบไต๋อ่ะคร้าบ"
"หง่า น่าเสียดายจังเลยค่ะ T_T ปีที่แล้ว session ของพี่สนุกมากเลย ><""
"ขอบคุณคร้าบ จะพยายามหาจังหวะให้ได้นะคร้าบ"

แต่แล้วสุดท้ายพี่ๆก็มากันได้ ในช่วงเช้า เย้!!! ^ ^

ต้องบอกก่อนว่า ปีที่แล้ว ไม่รู้จักด้วยซ้ำว่า Beartai คือใคร มันคือรายการอะไร แล้วมันดีขนาดนั้นเลยเหรอ? แต่พอเข้ามาดู จะรู้ว่าดีจริง!!

จำไม่ได้ว่าปีที่แล้วพูดเกี่ยวกับอะไร คลับคล้ายคลับคลาว่าเป็น trend เรื่อง smartphone, os อะไรแบบนี้ แต่ปีนี้นำเทคโนโลยีใหม่มาให้ดูกันค่ะ เรียกว่า Digital Magazine

ไม่ต้องห่วงเรื่องการเข้ามาช้าเลยค่ะ (เพราะเราก็เข้ามาช้าเหมือนกัน) พอมาถึงก็ถามเพื่อนก่อนเลยว่าพี่เค้าพูดอะไรไปหรือยัง

เพื่อนบอกว่า "ยังไม่เริ่มเลย น้ำล้วนๆ" ... อ่อ OK = =!!

พอหาที่นั่งได้เรียบร้อย ก็เอากล้อง compact ออกมาถ่าย vdo เก็บไว้ ... เผื่อให้คนที่ไม่ได้เข้า session นี้ได้ดูค่ะ ภาพอาจจะไม่ค่อยชัดนะคะ เพราะว่าต้องลดขนาดไฟล์ด้วย ไม่งั้นยัดไม่ลงค่ะ >//< แล้วก็อาจจะเอียงบ้าง มีอะไรรบกวนภาพบ้าง ขาตั้งกล้องเป็นเรื่องเป็นราวก็ไม่มี ใช้กระเป๋าของตัวเองเป็นที่ตั้งค่ะ เสียวมันจะหล่นมาก 555

สำหรับ session นี้ไม่ขอเขียนอะไรมากแล้วกันนะคะ เพราะเนื้อหาที่ได้จริงๆ มันก็อยู่ประมาณ 10 นาทีสุดท้าย (clip5) นอกนั้น Talk Show ล้วนๆเลยค่ะ มาสร้างความฮาให้ชีวิตจริงๆ (อาจจะมีเสียงหัวเราะใน clip เยอะไปหน่อย ต้องขออภัยด้วยค่ะ หยุดไม่อยู่จริงๆ ><")

***ถ้าใส่หูฟัง จะทำให้เสียงชัดขึ้นค่ะ :)***

มาเริ่มกันเลยค่ะ!!!

clip1

clip2

clip3

clip4

clip5

Review Digital Magazine “Beartai Hitext” ของ it.compgamer.com

หรือ Download Digital Magazine “Beartai Hitext” ค่ะ

(ขอบคุณภาพดิบๆจาก @k2w2yut)

Lunch Time @ G floor

หลังจากจบ session + ขอถ่ายภาพร่วมกับพี่ๆเค้าแล้ว ก็ลงมากินข้าวกลางวันค่ะ ... เออะ!! นี่ต่อคิวซื้อ คริสปี้ครีม กันหรอคะ? ทำไมแถวมันยาวอย่างงี้เนี่ย! = =" ไม่เป็นไรค่ะ เราลงมาช้าเอง เรารอได้ T T ... พี่ดิ้วบอกว่า หลังจากจบ session ห้อง 201 คนก็แห่กันลงมา บังเอิญพี่มาจากที่อื่น ตอนลงมาคนก็เลยไม่เยอะ

เพราะว่าพี่หมวกขาว(งาน ลดราคา50% smartphone) บอกว่า กินข้าวนะ ไม่ได้กินหญ้า เราก็เลยต้องรอคิวเพื่อ "กินข้าว" ไงคะ :P แล้วตรรกะของชาว BCBK ก็ไม่ใช่ Last In First Out แน่นอนค่ะ หึหึ!!!

อาหารกลางวันของเราวันนี้เป็น ข้าว+ผัดเต้าหู้ทรงเครื่อง+ทอดมัน+แกงกะหรี่ไก่(มั้งนะ) ส่วน หมูกระเทียม หรืออะไรซักอย่างเหลือแต่น้ำซอส T T ผัดหอยลายก็เหลือแต่เปลือก T T 

แต่เนื่องจากยังมีคนอื่นที่ยังต่อคิวเราอยู่ ก็เลยตักกับข้าวแต่พอดี (น้อยกว่าที่กินปกติ 55) เพราะกลัวว่าคนด้านหลังจะไม่เหลืออะไรให้กินน่ะค่ะ = ="

ส่วนน้ำก็มี ชามะนาวปั่น พันซ์แอปเปิ้ล นมเย็น น้ำเปล่า ลำไย ...โอ๊ย เยอะ!! เลือกตามความพอใจเลยค่ะ

ขอตัวพักกินข้าวก่อนแล้วกันนะคะ :P

อ๊ะ!! ทิ้งตาราง session ช่วงบ่ายไว้ให้ดูพลางๆก่อน (คลิกที่ภาพ...เพื่อขยายภาพนะคะ)

* * * * * * * * * * * * * * * * * * * * * * * * * * *

Barcamp Bangkhen ครั้งที่2 [Afternoon session]

Coming Soon~