How to create Web Content - Young Webmaster Camp 10

Post on 16-Apr-2017

788 views 3 download

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

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

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

@jakrapong

Link เปนราชน!

มารจกกนกอนประวตการทำางาน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 ไปใชในอาชพไดจรง

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

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

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

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

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

ภาคทฤษฎ

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

555555!

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

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

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

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

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

Content คออะไร

ภาพ

เสยง

วดโอ

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

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

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

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

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

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

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

สรปนยาม

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

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

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

VRZO

VRZO

ภาคปฎบต

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

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

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

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

Design / UX / UI

ProgrammingMarketing

Content

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

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

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

ชวงท 1

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

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

Blog Social network

Niche Social network

Portal

E-Commerce Micro-Blog

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

ภาพ

เสยง

วดโอ

บทความ

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

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

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

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

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

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

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

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

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

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

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

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

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

แนวคดในการสราง• 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%

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

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

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

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

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

ชวงท 2

ชวงท 2 Editorial Calendar

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

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

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

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

สงทควรจะมใน 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 เพอจดทำากจกรรมทางการตลาดตอไป เชน ชวงนเปนชวงปลายป จะทำากจกรรมแจกของรางวลไหม หรอวนพอ จะเขยนเนอหาเกยวกบพอหรอไม

Content Management System

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

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

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

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

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

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

schedule ไว

ใครPublish

tag

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

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

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

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

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

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

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

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

ตอไป … Content for Social Network

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

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

Social Network กเปนวธหนง

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

Facebook Publishing

Facebook Page

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

Content Posting

Promotion is okay… but

Facebook Primetime?

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

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

Twitter reach more than 3M imp

TV

พาดหว• ไทยรฐ: 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 และผองเพอนไปแบบนมๆ

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

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

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

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

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

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

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

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

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

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

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

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

• Community Manager ผดแลชมชน

กรณศกษา

กรณศกษา 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

กรณศกษา 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

Workshop

Q&A