Before you begin
If you haven't received direct approval from the content team yet, answer the following questions before you start writing. They’ll help you clarify why you’re writing.
- Who’s your audience?
- What will they get out of your article?
- Why should they read it?
- How will they act on it?
- When: does some current event or topic make it relevant?
- What’s your target keyword/keyphrase? This helps ensure a topic's relevant.
- What graphics/videos/audio would help you make your point? At minimum, your article should include at least 3 to 5 images.
- What structure will you use? Our posts have strong structure with frequent subheads. Consider outlining before you write.
Style
Write in a casual, personal voice, as if you were talking to a friend who’s really into design/web design. Say “I.”
Aim for clarity above wit, though you get extra points for managing both.
Use sentence case for the title and all subsequent subheads.
Use subheads, lists, blockquotes, images, and other structural devices frequently.
Always include concrete, real-world examples to illustrate your points. This can include screenshots of websites, Dribbble posts, tweets, etc.
Content requirements
- Title (use sentence case)
- Subtitle (doubles as meta description)
- Lede (the enlarged intro paragraph)
- Hero image
- At least 3 subheads to provide structure and easy takeaways
- At least 3 images for body content: whenever possible, use a screenshot, GIF, or other graphic that illustrates your point, as opposed to a generic photo.
Link generously, but not in the first few paragraphs.
- If citing data or quotes, always link to the source
- Try to link to 3 other Webflow blog posts or pages
- Always embed links in clear language that communicates the topic of the destination page. Never embed links in the word "here."
Image guidelines
All images use in blog posts must be free to use and not restricted by the creator's copyright.
Don't just add images for images sake. Prioritize images that reinforce/illustrate your point with a concrete, visual example.
Image types that can do this effectively:
- Screenshots of live websites
- Dribbble shots/Behance posts/etc.
- Diagrams created in Sketch/Illustrator/LucidChart
Any intellectual property not owned by Webflow should be paired with a credit and link to the source.
Word count
As many words as the topic warrants. Typically, the more words the better (for search), but we should never artificially inflate word count for rankings. Comprehensiveness balanced with concision is the goal.
Author info
We need a 140-character bio written in the first person, a professional-quality headshot, and your Twitter handle.
Listicle guidelines
We post a variety of listicle-type articles, from inspirational showcases to suggested tools and apps. Regardless of subject matter, each item in a listicle should follow this structure:
- H2: Name of site/app
- Image: Screenshot or site/app. Use a GIF if you're discussing interactions/animations. Be sure to add a link to the image.
- Paragraph(s): One or more paragraphs explaining the value of the site/app, and/or highlighting key elements of said. Be sure to include a link to the site being discussed in the first instance of its name, and set it to open in a new tab.
Blog posts
in use
Check out the Webflow Blog for nearly 100 samples.
Tone
Confident, knowledgeable, personable, casual
Readers' feelings
That was so helpful and insightful! This is definitely going to influence how I think about and practice design/writing/SEO/etc.
Resource(s)
Blog post template
Get the Google Doc template for blog postsThis template provides most every guideline you'll need to write a killer blog post for Webflow. To get started, go to File > Make a copy, then rename the doc with your working title. Once you're ready to share your first draft, click Share in the upper right, enter john@webflow.com in the People field, make sure the dropdown is set to Can edit, then click Done.