Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Anatomy of a Blot Post

Anatomy of a Blot Post

These are the bits that going into making up one of my blog posts. I make decisions on each of these points and create something that is hopefully useful and satisfying to me and an artifact to share that others might draw inspiration or help from as well.

Jake Trent

April 25, 2017
Tweet

More Decks by Jake Trent

Other Decks in Technology

Transcript

  1. ---
    author: “Jake Trent”
    ---
    #Anatomy of a Blog

    View full-size slide

  2. ---
    title: “”
    category: “”
    keywords: “”
    tags: “”
    description: “”
    banner: “”

    ## introduction
    ## headers
    ## voice
    `code`
    ## Length
    ## Conclusion

    View full-size slide

  3. ## Types of Posts
    Technical
    Thought

    View full-size slide

  4. ## Choosing a Title
    My search term
    Whimsy, abstract

    View full-size slide

  5. Recent titles:
    “Format JavaScript with
    Prettier”
    “Working in an Open Space”

    View full-size slide

  6. ## Meta Data
    Category
    “Code”
    “Leadership”
    “Book”

    View full-size slide

  7. ## Meta Data
    Tags
    Reusable
    Site themes

    View full-size slide

  8. “a” - “b” Tags
    a4j 1
    accessibility 1
    aes 1
    agile 2
    ajax 6
    angularjs 14
    aop 1
    apache 1
    api 1
    art 2
    auth 1
    autonomy 2
    backbone 6
    bash 4
    bcrypt 2
    bind 1
    blog 6
    bower 2
    branding 1
    broccoli 2
    browser 4
    burn-out 1

    View full-size slide

  9. ## Meta Data
    Description
    Google result
    One sentence

    View full-size slide

  10. Recent Descriptions:
    “Format your code automatically on
    commit with pretter.js.”
    “In the trendy open spaces of today’s
    tech environments, we need to find
    space for focused attention.”

    View full-size slide

  11. ## Introduction
    The “why”
    Value proposition
    Keep reading

    View full-size slide

  12. Recent Intro:
    “My favorite thing about React is how
    it simplifies the mental model of the
    developer when coding a UI. The key
    is the repaint.”

    View full-size slide

  13. ## Headings
    Thought groups
    SEO, search terms

    View full-size slide

  14. Recent Headers:
    “Yaks to Shave”
    “Add Middleware to Store”
    “Top-down Rendering”
    “Ask Nicely”

    View full-size slide

  15. ## Voice
    Positive, fun
    “you” (technical)
    “we” (thought)
    Like I talk

    View full-size slide

  16. Recent silliness:
    “Install Prettier on your project
    today. Be within the first 5M npm
    downloads to receive free semicolon
    demolition.”

    View full-size slide

  17. ## Code
    Short
    Rm cruft, expose essence

    View full-size slide

  18. ## Length
    500 words
    Keep interest

    View full-size slide

  19. Recent counts:
    463 words
    616 words
    467 words
    483 words

    View full-size slide

  20. ## Conclusion
    Quick
    End with question
    Invite reflection, sharing

    View full-size slide

  21. Recent prompts:
    “How has React changed your mental
    model of UI dev?”
    “How are you productive in your
    open space?”

    View full-size slide

  22. ## Banner
    Interesting
    Fun to draw

    View full-size slide

  23. Thanks!
    jaketrent.com

    View full-size slide