Blog

  • [Infographic] Sharing Trends

    [Infographic] Sharing Trends

    เนื่องด้วย AddThis ครบรอบ 5 ปี ทาง AddThis เลยทำ Infographic จากข้อมูลที่ทาง AddThis รวบรวมไว้ เกี่ยวกับลักษณะนิสัยการแชร์ของคน อย่างเช่น ไม่ว่าจะเป็นเวลาใดที่คนเราชอบแชร์กัน หรือคนเข้าดูเยอะที่สุดหลังจากแชร์ข้อมูลไปนานเท่าไหร่ เป็นต้น

    Sharing Trends

  • [How to] [Plugin] วิธีใช้ All in one SEO สำหรับ WordPress

    [How to] [Plugin] วิธีใช้ All in one SEO สำหรับ WordPress

    WordPress นั้นมี Plugin อยู่หลายตัวที่ใช้สำหรับการทำ SEO แต่ขอเลือกแนะนำ All in one SEO เพราะใช้ตัวนี้อยู่ :p

    วิธีใช้ All in one SEO สำหรับ WordPress

    หลังจากที่ติดตั้ง Plugin All in one SEO เสร็จแล้ว มาเริ่มตั้งค่าเพื่อใช้งานกัน

    วิธีใช้ All in one SEO สำหรับ WordPress
    ตัวอย่างการตั้งค่า All in one SEO สำหรับ WordPress

    Plugin Status

    เริ่มแรกเราต้องเปิดใช้งาน Plugin ของเราก่อน เลือกไปที่ Enabled เลยครับ

    Home Title

    ข้อความที่จะขึ้นที่ Title สำหรับหน้า Home อย่างเช่น ตอนนี้เว็บของผม ผมก็ตั้งไว้ว่า กระต่ายดำ ทำ CSS, WordPress | Rabbitinblack เป็นต้น และถ้าจะใช้อะไรแบ่ง Title ให้ใช้ – หรือไม่ก็ |

    วิธีใช้ All in one SEO สำหรับ WordPress
    Home Title ที่เราตั้งค่าไว้ จะปรากฎดังรูป

    Home Description

    รายละเอียดของหน้า Home ซึ่งปรกติจะเป็นการอธิบายรายละเอียดเกี่ยวกับเว็บของเราทั้งหมด

    Home Keywords

    คำสำคัญของหน้า Home โดยเราจะใช้ , เป็นตัวแบ่งคำสำคัญแต่ละคำ

    Canonical URLs

    Canonical URLs คือ เนื้อหาของเว็บที่เหมือนกัน ซึ่งจะทำให้อันดับใน Search engines ของเราลดลง ตัวอย่างที่อธิบายง่าย ๆ ก็อย่างเช่น https://example.com กับ https://www.example.com ซึ่งเนื้อหามันเหมือนกันแน่ ๆ เลือกหัวข้อนี้ไว้ เพื่อที่จะได้แก้ไขปัญหาลักษณะนี้

    วิธีใช้ All in one SEO สำหรับ WordPress
    ตั้งค่าสำหรับ Rewrite Titles

    Rewrite Titles

    ปรกติแล้ว WordPress จะตั้งค่า Title ให้เราในลักษณะ Archive – Blog Name – Post Title ซึ่ง Title ลักษณะนี้ SEO นั้นดีสู้ Title ในลักษณะ Post Title – Blog Name สำหรับหน้า Post หรือ Page Title – Blog Name สำหรับหน้า Page ไม่ได้ ดังนั้น All in one SEO จีงจะเขียน Title ให้เราใหม่ในแบบที่เราต้องการ

    วิธีใช้ All in one SEO สำหรับ WordPress
    การตั้งค่าต่าง ๆ ที่เหลือ

    SEO for Custom Post Types

    ในการทำเว็บ WordPress ในบางครั้ง เรามีการใช้ Custom Post Types ดังนั้นต้องมาเลือกที่หัวข้อนี้ก่อน Custom Post Types นั้นถึงจะใช้งาน All in one SEO ได้

    Custom Post Types for SEO Column Support

    สามารถเลือกได้ว่าจะให้ Post Types แบบไหนใช้งาน All in one SEO

    Use Categories for META keywords, Use Tags for META keywords

    เอา Categories กับ Tags มาเป็น Keywords โดยอัตโนมัติ

    Dynamically Generate Keywords for Posts Page

    สำหรับหน้า Custom Post Types All in one SEO จะมีการสร้าง Keywords ให้

    Use noindex for Categories, Use noindex for Archives, Use noindex for Tag Archives

    ไม่นำหน้า Categories, Archives, Tag Archives ไปรวม เพื่อป้องกันการซ้ำกันของเนื้อหาในเว็บ ซึ่งเป็นประโยชน์สำหรับ SEO ของเรา

    Autogenerate Descriptions

    All in one SEO จะสร้างรายละเอียดของแต่ละหน้าให้อัตโนมัติ

    Capitalize Category Titles

    หัวข้อนี้แปลออกมาว่า ประโยชน์จาก Category Titles ซึ่งผมก็ไม่รู้ว่ามันมีไว้ทำอะไร Y-Y

    หลังจากที่ตั้งค่าทั้งหมดเสร็จแล้ว กด Update Options เป็นการเสร็จสิ้นครับผม

  • [Infographic] วิธีตรวจสอบเลขบน Credit Card

    [Infographic] วิธีตรวจสอบเลขบน Credit Card

    ตัวเลขบน Credit Card นั้นไม่ได้เป็นตัวเลขที่สุ่มมามั่ว ๆ นะครับ มันอยู่บนพื้นฐานของ Luhn algorithm (หรือ Modulus 10 algorithm) ซึ่งคิดโดยนักวิทยาศาสตร์ของ IBM ชื่อ Hans Peter Luhn โดย Algorithm นี้ใช้ตรวจสอบตัวเลขบน Credit Card หรือ ตัวเลข IMEI ซึ่ง Infographic นี้จะอธิบายว่า Luhn algorithm ใช้ตรวจสอบตัวเลขบน Credit Card ยังไง

    [Infographic] วิธีตรวจสอบเลขบน Credit Card

    ที่มา : How to validate a Credit Card number [Infographics]

  • CSS : พัฒนาการเขียน HTML และ CSS กัน [Slide]

    CSS : พัฒนาการเขียน HTML และ CSS กัน [Slide]

    เมื่อวันที่ 3 – 5 ตุลาคมที่ผ่านมา ที่ลอนดอนประเทศอังกฤษมีงานประชุม Future of Web Apps ซึ่งคุณ Chris Coyier นั้นพูดในหัวข้อ Writing Better HTML & CSS เราจึงนำ Slide ที่เค้าใช้ในงานมาแบ่งปันกันครับ

    ที่มา : Writing Better HTML & CSS (Slides from FOWA London)

  • วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

    วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

    วิธีใช้ WordPress ตอนนี้เป็นการใส่วิดีโอลงในบทความ WordPress ของเรา ปัจจุบันวิดีโอส่วนใหญ่ที่เรานำมาลงในเว็บนั้น ก็คงไม่พ้นว่าเรานำมาจาก youtube หรืออาจจะเป็น vimeo แล้วเราจะใส่วิดีโอเหล่านี้ลงในเว็บ WordPress ของเราได้ยังไง

    Embed Video จาก Youtube ลงในบทความ WordPress

    สมมติว่าผมเปิดเจอวิดีโออันนึงใน youtube แล้วอยากนำมาลงในเว็บ ปรกติเราก็คงกดไปที่ share

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
    กด Share เพื่อจะ Embed Video มาลงในบทความ WordPress

    ซึ่งจะมี code มาให้เรานำไปวางแปะที่เว็บ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
    มี code ให้สำหรับเรานำวิดีโอไปลงในบทความ WordPress

    รู้สึกว่ามันยุ่งยากมั้ยครับ ถ้าคิดว่ามันยุ่งยาก ทำแบบนี้แล้วกันครับ ไปที่ URL แล้ว copy มันมา

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [3]
    Copy URL ของวิดีโอที่เราต้องการ

    แล้วก็เอามาวางแปะในบทความเราเลย สมมติผมสร้าง Post ใหม่มาเพื่อ Embed Video ลงในบทความ WordPress ของเรานะครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
    สร้างหัวข้อใหม่ แล้วลองนำ URL วิดีโอที่เราต้องการลงในบทความ WordPress มาวางแปะ

    เราก็จะได้บทความ WordPress ที่มีวิดีโอที่เราต้องการนำมาใส่แล้วครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
    วิดีโอที่เราต้องการลงในบทความ WordPress มาแล้ว

    Embed Video จาก Vimeo ลงในบทความ WordPress

    คราวนี้ถ้าเป็น Vimeo ละ ไม่ต้องกลัวครับ ใช้วิธีเดียวกัน คือ Copy URL ของวิดีโอมาวางแปะเลยครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
    Copy URL ของวิดีโอที่เราต้องการ
    รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
    สร้าง Post ใหม่ แล้วนำวิดีโอที่เราต้องการมาวางแปะในบทความ WordPress
    รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
    มาแล้ววิดีโอที่เราต้องการลงในบทความ WordPress

    ตั้งค่า Embed ในบทความ WordPress

    ให้เราไปที่ Settings มองหาหัวข้อ Media

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
    Settings => Media

    ซึ่งการที่เราสามารถนำ URL มาวางแปะแล้วขึ้นโชว์ที่บทความ WordPress ของเราเลยนั้น ต้องมาติ๊กถูกที่หัวข้อ “When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.” ไว้ด้วยนะครับ และเรายังสามารถกำหนดขนาดของ Embed Video ได้ทั้งความกว้าง และความสูง ซึ่งปรกติถ้าเราไม่กรอกอะไรในช่องความกว้าง WordPress จะคิดความกว้างเป็นความกว้างสูงสุดของธีมเราให้เองครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
    ปรับแต่ง Embed ของเราได้ที่นี่
  • [How to] : ทำอย่างไรถึงจะได้งานที่ Google, Apple หรือ Facebook

    [How to] : ทำอย่างไรถึงจะได้งานที่ Google, Apple หรือ Facebook

    วันนี้ไปเจอบทความหัวข้อ How To: Get A Job At Google, Apple or Facebook ซึ่งได้เขียนไว้ว่ามีคนต้องการทำงานกับ Google ถึง 1 ใน 4 ของคนที่จบมาได้ไม่นาน อาจเป็นเพราะว่า Google นั้นมีชื่อเสียงในด้านนวัตกรรมใหม่ ๆ หรือความมีอิทธิพลกับโลก แต่อีกสิ่งหนึ่งที่ปฏิเสธไม่ได้เลย คือออฟฟิศที่น่าทำงานของ Google ลองดูภาพตัวอย่างของออฟฟิศ Google ที่ซูริก ประเทศสวิตเซอร์แลนด์นะครับ Google Office in Zurich

    ทางด้าน Apple เองก็ได้ปรับสำนักงานใหญ่ของพวกเค้าใหม่ ลองดูดีไซน์ใหม่ของ New Apple Headquarters ในขณะที่ออฟฟิศของ Facebook เองนั้น ก็มีออฟฟิศที่น่าทำงานไม่แพ้กับทาง Google และ Apple รูปตัวอย่างออฟฟิศของ Facebook

    ซึ่งคุณ Diana Adams ผู้เขียนบทความนี้ ได้ทำมาเป็น Infographic ให้เราดูง่ายขึ้นครับ

    ทำอย่างไรถึงจะได้งานที่ Google, Apple หรือ Facebook