How to create Web Content - Young Webmaster Camp 10

63
Content เเเเเเเเเเเเเเเเเเเ? Young Webmaster Camp 10 Jakrapong Kongmalai (ปปป) Co-founder thumbsup.in.th @jakrapong Link ปปปป ปปปปปป!

Transcript of How to create Web Content - Young Webmaster Camp 10

Page 1: How to create Web Content - Young Webmaster Camp 10

Content เปนพระราชาจรงหรอ?

Young Webmaster Camp 10Jakrapong Kongmalai (ปอง)Co-founder thumbsup.in.th

@jakrapong

Link เปนราชน!

Page 2: How to create Web Content - Young Webmaster Camp 10

มารจกกนกอนประวตการทำางาน2536 สถานวทย Boom Radio 90 FM, 89 Pirate Rock, Get 102.5 และคอลมนสตนตยสาร2541 นกขาวรนบกเบกเวบขาวอนดบ 1

ของไทย manager.co.th 2543 เวบมาสเตอร aussietip.com2545 เวบมาสเตอรของนตยสารผชายmars2547 นกการตลาดผลตภณฑYellowPages.co.th2550 ผจดการชมชน และผลตภณฑYahoo! (Flickr, Yahoo! Answers, Yahoo! Group) และผดแลเวบไซต singtip.com 2553 บรรณาธการเวบไซตขาวและ

บทความธรกจดจตอล thumbsup.in.th และคอลมนสตนตยสาร Positioning

2554 ผจดการฝาย Social Media – Thai Samsung Electronics

Digital Business, Marketing

Content, Community, Social Media

ทำาอยางไรจะนำา Content ไปใชในอาชพไดจรง

Page 3: How to create Web Content - Young Webmaster Camp 10

วนนคยเรองอะไรกนบาง• ภาคทฤษฎ นยาม ความหมายทงหลายทงปวง (Content คออะไร

ทำาไมจงเปนสงสำาคญ แลวมนเปนพระราชาเพราะอะไร จรงเปลา?)• ภาคปฎบต “ วธการลงมอ สราง และจดการ Content” ทำาอยางไร

ใหโดนใจคนอาน ทำาอยางไรใหมคนแชรผาน Social Network เยอะ ทำาอยางไรให Content มคณคา ใชเครองมออะไรชวย จดการดแล

และวดผลอยางไร• กรณศกษา Content ในความเปนจรงกบภาคธรกจ ภาครฐ ตลอด

จนการผลต Content เพอจดประสงคเฉพาะอยางใดอยางหนง• SEO • Workshop • Q&A

Page 4: How to create Web Content - Young Webmaster Camp 10

ภาคทฤษฎ

Page 5: How to create Web Content - Young Webmaster Camp 10

ความสำาคญของ ContentContent คอพระราชา

555555!

ถาเขาเวบแลวไมมอะไรดๆ ใหอาน ไมมภาพสวยๆ ใหด ออกแบบเวบสวยแคไหน การตลาดดแคไหน เขยนโคดมาสวยแคไหนกไมมประโยชน แมแตบรการทเปน Platform อยาง Social Network, เวบบอรด ทเนนใหคนมาพดคยกน แตถาขาดซงการดแล และดงใหม Engagement มนกจะกลายเปนสถานททไมนาอย

Page 6: How to create Web Content - Young Webmaster Camp 10

แตวา Content กตองอยคกบ Link

เชอะ! เขยนใหตด SEO ไมเปนCommunity ไมดแล คนเสรชมาไม

เจอ ใครเขาจะมาอานยะ!

ตวเอง Content …เคาด นาอานนา

Page 7: How to create Web Content - Young Webmaster Camp 10

Content คออะไร

Page 8: How to create Web Content - Young Webmaster Camp 10

ภาพ

Page 9: How to create Web Content - Young Webmaster Camp 10

เสยง

Page 10: How to create Web Content - Young Webmaster Camp 10

วดโอ

Page 11: How to create Web Content - Young Webmaster Camp 10
Page 12: How to create Web Content - Young Webmaster Camp 10

ภาพ, เสยง, วดโอ, ตวอกษรนนคอรปแบบของเนอหา

แตเนอหาทดจะตองมการรอยเรยง “ ”

Page 13: How to create Web Content - Young Webmaster Camp 10

ภาพทมการรอยเรยง กลายเปนการตน

Page 14: How to create Web Content - Young Webmaster Camp 10

เสยงทมการรอยเรยงกลายเปน เพลง, บทสวดมนต

Page 15: How to create Web Content - Young Webmaster Camp 10

วดโอทมการรอยเรยง เชน การสมภาษณ

Page 16: How to create Web Content - Young Webmaster Camp 10

ภาพและตวอกษรทมการรอยเรยงจนเปน ขาว“ ”

Page 17: How to create Web Content - Young Webmaster Camp 10

Infographic = ภาพและตวอกษรทมการรอยเรยง

Page 18: How to create Web Content - Young Webmaster Camp 10

สรปนยาม

Web content คอ ตวอกษร ภาพ ภาพเคลอนไหว เสยง วดโอ Infographic ทเกดขนจากทงผดแลเวบ (เชนเขยนบทความเอง ถายวดโอเอง) สมาชกและผใชงาน (เชน การโตตอบผานการ comment, กด like, กด share, กด Poll ฯลฯ)

Page 19: How to create Web Content - Young Webmaster Camp 10

การพดแตวาเราเปนคนทำา “Content” จงไมพอ แตมนตองมการคด รอยเรยง “ ” สงใหกลายเปน เรองราว“ ” นองๆ Content ทกคนจะตองเปน

นกเลาเรอง ทกระตนใหผใชมสวนรวมไดมากทสด “ ”

Page 20: How to create Web Content - Young Webmaster Camp 10

VRZO

Page 21: How to create Web Content - Young Webmaster Camp 10

VRZO

Page 22: How to create Web Content - Young Webmaster Camp 10

ภาคปฎบต

Page 23: How to create Web Content - Young Webmaster Camp 10

ขอแบงภาคปฎบตเปน 2 สวน• ชวงท 1 การทำางานแบบทยงไมมผลตภณฑเปน

ตวเปนตน (Product & Content Strategy)• ชวงท 2 การทำางานแบบทมผลตภณฑออกมา

เรยบรอยแลว แตจะตองกำาหนดทศทางการ ทำางานตอไป ( จดทำา Editorial calendar)

Page 24: How to create Web Content - Young Webmaster Camp 10

ขนตอนการทำางานจรงๆ มแค 4 สาขาน?

Design / UX / UI

ProgrammingMarketing

Content

ในความเปนจรงจะตองมคนททำาตวเปน Product manager หรอไมก Project manager (PM) ซงเปนคนทคอยกำาหนด

ทศทาง ใหภาพรวม ตดตามงานตลอดเวลาเพอใหแนใจวาทกคนทำาตามขนตอน และเวลาทกำาหนดไว ตำาแหนงนไมจำาเปนตองมความร

เฉพาะดานใดดานหนง แตตองตามงานทกคนได

Page 25: How to create Web Content - Young Webmaster Camp 10

ชวงท 1

Page 26: How to create Web Content - Young Webmaster Camp 10

1. BIG Idea จะทำาเวบ ทำาแอพฯ นเพออะไร แกปญหาอะไร

ใครไดประโยชน

Blog Social network

Niche Social network

Portal

E-Commerce Micro-Blog

Page 27: How to create Web Content - Young Webmaster Camp 10

2. วางแผนดานเนอหา 5W 1H

ภาพ

เสยง

วดโอ

บทความ

Who: ใครจะเปนผผลตเนอหา มทมงานก คน หรอวาตWho: ใครเปนคนอาน

เหมาะกบคนอานหรอไม What: จะผลตเนอหาอะไรWhen: เมอไหรบาง อพเดตวนละกครง อาทตยละกครง Where: จะเผยแพรทไหนWhy: ตงคำาถามวาทำาไมบอยๆ วาตอบวตถประสงคทตงใจไวตอนแรกหรอไม?

How: จะหาเนอหามาใชไดอยางไร?

Page 28: How to create Web Content - Young Webmaster Camp 10

3. วางโครงสราง Site Map

Page 29: How to create Web Content - Young Webmaster Camp 10

แลวไงตอ?ดำาเนนการ 3 ขนตอนนกอน1. BIG Idea จะทำาเวบ ทำาแอพฯ นเพออะไร แก

ปญหาอะไร ใครไดประโยชน2 .วางแผนดานเนอหา 5W 1H3. วางโครงสราง Site Map

แลวเอาความคดทไดทงหมดมาทำาเปน Product Description Requirement (PRD)

Page 30: How to create Web Content - Young Webmaster Camp 10

PRD คออะไร แลวในนนควรจะมอะไรบาง?

PRD ยอจาก product requirements document เปนเอกสารภายในทบรษทจดทำาขนมาเพอระบวาจะ

ทำาอะไร หรอจะมฟเจอรอะไรใหมบาง (โดยเฉพาะกบผลตภณฑทมอยแลว) มกจดทำาหลงจากเอกสารMarketing Requirements Document (MRD) ทได

รบการพจารณาจากผบรหารแลว และมกใชควบค ไปกนกบ technical requirements document

(TRD) PRD ออกแบบมาเพอใหทกคนเขาใจและเหน ภาพตรงกนวา จะทำางานอยางไร

Page 31: How to create Web Content - Young Webmaster Camp 10

PRD ตองมอะไรบาง?• Title & author information• Purpose and scope, from both a technical and business perspective• Stakeholder identification• Market assessment and target demographics• Product overview and use cases• Requirements, including

– functional requirements (e.g. what a product should do)– usability requirements– technical requirements (e.g. security, network, platform, integration, client)– environmental requirements– support requirements– interaction requirements (e.g. how the software should work with other systems)

• Constraints• High level workflow plans, timelines and milestones (more detail is defined through a

project plan)• Evaluation plan and performance metrics

Page 32: How to create Web Content - Young Webmaster Camp 10

แนวคดในการสราง• Big idea: ปญหาทเกดขนคอ เขาไปอาน Blognone แลวอานไมร

เรอง มนเนน Developer กลม Geek มากเกนไป นาจะมบลอกทไหน เลาเรองธรกจดวย แบบทเราชอบอาน Mashable, TechCrunch ใน

ภาษาไทย กเลยคดทำา thumbsup ขนมาแกปญหาใหตวเอง• วางแผน 5W 1H Who:คนอาน thumbsup จะเปนคนทำางานดาน

ธรกจดจตอล What: เนอหาเปนแบบเดยวกบ Mashable แตมความเปนไทย เลนเรองทไมยากเกนไป อานงาย เขาใจงาย When: อพเดตทกวน อยางนอยวนละ 3 ขาว Where: เผยแพรดวยชองทาง Social Media ของตวเอง และ Facebook Page รวมถงเอาเนอหาไปปลอยตามเวบบอรดทอาจสนใจ และคอยตงคำาถามวา Why เพอเปนการทบทวนการทำางาน และ How: จะหาเนอหามาจากไหน 40% กองบก. เขยนเอง ขาวแปล 60%

Page 33: How to create Web Content - Young Webmaster Camp 10

สรปขนตอน Product & Content Strategy คราวๆ

• หา BIG Idea• 5W 1H ตงคำาถามเกยวกบเวบหรอแอพของเราใหมากทสด• จดทำา sitemap วาในเวบ ในแอพจะมเนอหาอะไรบาง ทไหน

อยางไร• รวบรวมรายละเอยดทงหมดมาเปนเอกสาร PRD• สำาหรบสวน Content ใน PRD จะตองกำาหนดแนวทางการทำา

เนอหา เขยนเนอหา หาภาพ หาวดโอ ตลอดจนวธการทำางาน เชน ระบวาใครเปนคนเขยน ใครเปนคนหาภาพ ภาพจะถาย

เองหรอวาซอมา ถาจะแชรวดโอ ตองเปนวดโอททำาเองหรอ หามาจากไหน ถกตองตามลขสทธหรอเปลา

Page 34: How to create Web Content - Young Webmaster Camp 10

ชวงท 2

Page 35: How to create Web Content - Young Webmaster Camp 10

ชวงท 2 Editorial Calendar

Editorial Calendar คอปฎทนทใชในการควบคมการทำางานของทมงาน Content เชน เนอหาอะไร จะ Publish เมอไหร อยในสถานะไหนแลว เพอใหทมงานของทกๆ ฝาย (โดยเฉพาะ Web Marketing) คอยตดตามดไดวาเนอหาทนำาเสนอนนตรงตามทวางกนไวหรอไม จะ Publish ทไหน โดยทวไปใชพวก spreadsheet หรอ online spreadsheet อยาง Excel หรอ Google Docs มาทำา

Page 36: How to create Web Content - Young Webmaster Camp 10

กระบวนการทำางาน Content 1 .ทำา Brainstorm หรอระดมสมองชวยกนคดวา

content แบบไหนทจะ publish จะเลนเรองอะไรทเขากบสถานการณ

2. จะ Publish เมอไหร ทไหน ใครเปนคน Publish ตองมคน review กอนไหน3. เขยน Content 4. Edit 5. Publish

Page 37: How to create Web Content - Young Webmaster Camp 10

สงทควรจะมใน Editorial Calendar• Publishing Date – ตองระบวนกนหนอย เมอไหรทจะ Publish เพราะตองเผอเวลาไวเขยน และรวว• Title – พาดหว ตองใหโดน มโปรย• Topic – สวนโปรย• Author – ใครเปนคนเขยน• Editor/Publisher – ใคร Edit ใคร Post • Associated Keywords – คำาทเกยวของกบบทความนนๆ เพอเปนการจดหมวดหมของบทความ• Categories – วางหมวดหมของเนอหา• Tags – keywords สำาคญๆ (3-5 คำา) ทจะตองมไวสำาหรบใส Tag เพอทำา SEO• Call-to-action – ตองการใหผอานมสวนรวมอะไรบาง เชน ตองการใหโหวต ตองการใหทำาสำารวจ

ตองการใหชวยคอมเมนต ฯลฯ• Status – แสดงสถานะวาอยในขนตอนไหน pending, in progress, posted• Related Marketing Opportunities – เนอหาแตละชนมการตลาดอะไรเขามารวมไดบาง? ถามก

เอาไปคยกบ Web marketing เพอจดทำากจกรรมทางการตลาดตอไป เชน ชวงนเปนชวงปลายป จะทำากจกรรมแจกของรางวลไหม หรอวนพอ จะเขยนเนอหาเกยวกบพอหรอไม

Page 38: How to create Web Content - Young Webmaster Camp 10

Content Management System

ระบบจดการเนอหา (Content management system, CMS) คอระบบซอฟตแวร คอมพวเตอรทใชเพอจดระเบยบ และสงเสรมการทำางานในหมคณะ ใหสามารถสราง

เอกสาร หรอเนอหาสาระอนๆ โดยมากแลว ระบบจดการเนอหา มกจะเปนเวบ แอพพลเคชน ซงใชจดการเวบไซตและเนอหาบนเวบ โดยเนอหาทอยบนระบบอาจจะเปน

เนอหาทเปน ขอความตวอกษร ไฟลรปภาพ ไฟลเสยง ไฟลภาพเคลอนไหว ไฟลวดโอ หรอไฟลเอกสารอนๆ กได

Page 39: How to create Web Content - Young Webmaster Camp 10

หลงบานพาดหวอะไร หมวดอะไร

วนไหน อยในสถานะ

ไหน รอรวว หรอวา

schedule ไว

ใครPublish

tag

Page 40: How to create Web Content - Young Webmaster Camp 10

10 เทคนคการเขยน Blog1. ขนตนตนเตน กลางนาตดตาม ทายจบนาประทบใจใหคนจำา2. เขยนดวยภาษาทไมเปนทางการ3. อยาเขยนยาวตดกน ควรใชรปประกอบคนสายตาเปนพกๆ4. เขยนเขาประเดนไมตองพรำาพรรณนา5. เขยนเปนขอๆ 5 วธในการเดตสาว 10 วธพชตใจชาย6. อานทกๆ คอมเมนต และตอบทกๆ คอมเมนตเทาทจะทำาได7 . อพเดต Blog เปนประจำาสมำาเสมอตามรอบทตวเองกำาหนด ใหผอานรวาคาด

หวงจากคณไดมากนอยแคไหนทกวน หรอทกสปดาห8 . สรางเอกลกษณและนำาเสยงของเราเอง คนอนเขยนกไมมทางทำาไดอยางเรา9. โปรงใสทกขนตอนเทาทจะทำาได เพราะคนเสยเวลาตดตามเนอหาของคณเพราะ

คณนาเชอถอ10. จบตอนทายดวย Call to action หรอเรยกรองใหทำาอะไรสกอยาง เชน ถาม

คนอานวาคณเหนดวยหรอไม อยางไร กระตนคนอานใหมสวนรวม

Page 41: How to create Web Content - Young Webmaster Camp 10

การทำา Content แควางแผน และจดการเปนกพอแลว?

• ถาจดทำา Blog “ ” จะตองมสไตล หรอ ลายเซน เปนของตวเอง ใหคนอาน จำาไดวาถาเนอหาแนวนจะตองเปนคนๆ นเขยน (อยในระดบบคคล)

• ถาจดทำา Portal จะตองจดวางสไตลของเวบขนมา เชน ในเวบไซตYahoo! จะตองนำาเสนอเรองอะไร เวบไซตระดบโลกจะมการวางแนวทางเอาไว

คนทำา Content ตองละเอยดในเรองนใหมาก ศกษารายละเอยดทhttp://styleguide.yahoo.com/

Page 42: How to create Web Content - Young Webmaster Camp 10

ตอไป … Content for Social Network

Page 43: How to create Web Content - Young Webmaster Camp 10

ทำาไมคนเขากลบมาอก? เพราะลำาพงม Content ดๆ

มนไมพอสำาหรบสมยน ตอง รจกโปรโมทเนอหาใหเปน

Social Network กเปนวธหนง

Page 44: How to create Web Content - Young Webmaster Camp 10

Social Network มไว ขยาย สงทคณ“ ”เปน

Page 45: How to create Web Content - Young Webmaster Camp 10

Facebook Publishing

Page 46: How to create Web Content - Young Webmaster Camp 10

Facebook Page

142,029 fans 8,458 Talking about this (10% is average value )

Page 47: How to create Web Content - Young Webmaster Camp 10

Content Posting

Page 48: How to create Web Content - Young Webmaster Camp 10

Promotion is okay… but

Page 49: How to create Web Content - Young Webmaster Camp 10

Facebook Primetime?

Page 50: How to create Web Content - Young Webmaster Camp 10

10 อยางควรทำาบนการโพสตบน Facebook

1. รจกคนอาน วาเขาสนใจอะไร เชน เรองมอถอใหมๆ อยางกรณน คนอานสนใจเพราะมนทำาใหหนาตามอถอเปลยนไป2. พยายามเลาเรองดวยภาพ ดแค 1-2 วนาทแลวเขาใจเลย3. อยาแปะแคลงกแลวให Facebook โชว thumbnail ขนมา4. ขอมลอพเดตสมำาเสมอ อยาตองใหคนดคดเยอะ5. Exclusive content ไดยงด6. คยในภาษาปาก ภาษาพด แบบคยกบเพอน7. กะชวงเวลาทเหมาะสม8. โพสตอยางสมำาเสมอ9. พยายามตอบคำาถามของผใชใหด ไมตองตอบทกอนกได แตตองใหคนอานรสกวาเราใสใจ10. อยาพยายามยดเยยดขายของ แตใหใสเนอหาสวยๆ พอประมาณ (แลวแตเพจ)

Page 51: How to create Web Content - Young Webmaster Camp 10

Twitter reach more than 3M imp

Page 52: How to create Web Content - Young Webmaster Camp 10
Page 53: How to create Web Content - Young Webmaster Camp 10
Page 54: How to create Web Content - Young Webmaster Camp 10

TV

Page 55: How to create Web Content - Young Webmaster Camp 10

พาดหว• ไทยรฐ: Samsung Galaxy SIII สดยอดความแรงลาสดจาก

ตระกล Galaxy (17 พฤษภาคม 2555)• Siamphone: สนสดการรอคอย Samsung เปดตว

Samsung Galaxy S3 (4 พฤษภาคม 2555)• Thumbs Up: Samsung เปดตว “Galaxy S 3” ยง

ใหญสมการรอคอย (4 พฤษภาคม 2555)• Freemag.net: Samsung Galaxy S 3 ตวใหมดกวา

Apple iPhone? (4 พฤษภาคม 2555)• 9tana: ผลการทดสอบ (Benchmark) ยนยน …

Samsung Galaxy S3 แรงจรง เอาชนะ iPhone 4S และผองเพอนไปแบบนมๆ

Page 56: How to create Web Content - Young Webmaster Camp 10

ขอคดในการใช Social Network• Social Network เปนเครองมอในการเขาถงคน

จำานวนมาก ทำาเนอหามาอยากใหคนอานเยอะกใช มนโปรโมทได แตตองใชมนใหถกวธ

• จงใช Facebook, Twitter ในการพดคยกบคนท “ ” ตดตามเรา อยาใชมนแค ประกาศ เขาไปถง คนในกลม แตใหใชมนในการพดคยกบกลมเปา

หมายอยางใกลชด• จำานวนของ Likes, Follower ไมใชสงสำาคญทสด

แตสงสำาคญคอคณภาพของเนอหา

Page 57: How to create Web Content - Young Webmaster Camp 10

บทเรยนสวนตวในการทำา Web Content

• เรมตนดวยการจบกลมเฉพาะหรอกลม Niche ทยงตองการขอมลขาวสาร เชน เวบทาสำาหรบการเลอกซอบาน, เวบชมชนออนไลนของคนไทยในตางแดน, ชมชนคนรกสตว

• อพเดตอยางสมำาเสมอ การทำาเนอหาออนไลนสำาคญทฉบไว และสมำาเสมอ เนอหาลกกด แตยงไมสำาคญเทาไวและสมำาเสมอ

Page 58: How to create Web Content - Young Webmaster Camp 10

อาชพของนกเลาเรอง (Content & Community)

• ทำางานดานสอ ในตำาแหนง Managing Editor, Editor (เชน เวบทา Kapook, Sanook, Dek-D, เวบเนอหาเฉพาะดาน, หนงสอพมพ, นตยสาร ฯลฯ)

• Digital Marketing communication ของบรษท องคกร แบรนดตางๆ ทตองการใชสอใหมในการสอสาร

• Social Media Management, Copy Writer, PR ของบรษท องคกร แบรนดตางๆ ตลอดจนบรษทบรษทโฆษณาตางๆ

• Community Manager ผดแลชมชน

Page 59: How to create Web Content - Young Webmaster Camp 10

กรณศกษา

Page 60: How to create Web Content - Young Webmaster Camp 10

กรณศกษา Manager.co.th

Key concept: Thai Online News Portal (Previously, as a supplement for Manager Daily)Positioning: Integrated media for ASTV, Manager Media Group and other non-Thai mediaContent strategy: Created by editorial staffTraffic: 3.2M users per month

Page 61: How to create Web Content - Young Webmaster Camp 10

กรณศกษา thumbsup.in.th

Key concept: Digital Business news & article blogPositioning: Premium quality & leading source of Thai Tech Startup. Content strategy: Created by editorial staffTraffic: 80,000 ~ 100,000 Unique IP per month

Page 62: How to create Web Content - Young Webmaster Camp 10

Workshop

Page 63: How to create Web Content - Young Webmaster Camp 10

Q&A