Skip to main content

10 Writing Tips for a Winning Web Site

By Mark Nichol

background image 208

Some time ago, I posted some general guidelines for writing for an online audience. Here are some specific time-tested tips for attracting and keeping site visitors with clean, clear writing:

1. Keyword Top Labels

Use keywords for window titles and taglines, and keep them sharp and succinct. These labels are for helping Internet users get to your site because they typed them into a search engine and your site came up in the results, not for wowing visitors when they get there (assuming they get there, because you’re not using keywords to help searchers).

2. Keyword Display Copy

Employ keywords, not clever words, to begin headings, headlines, and link names, and keep the display copy brief. Most Web site visitors scan just the first one or two words of display copy. In “Where to Go on Vacation This Summer,” the first keyword appears as the fifth word of seven. (Go isn’t a keyword, because you don’t yet know what kind of going is involved.)

“Summer-Vacation Destinations,” by contrast, gives you three keywords out of three, with the two most important ones in first and second place. This approach is especially advantageous for a commerce site, but your personal blog shouldn’t be any different (assuming you want to attract new site visitors, not just impress current ones).

3. Avoid All Capital Letters

Don’t use all capital letters, even in display copy. All-cap text is harder to scan and to read. Do, however, use initial caps for headings and headlines.

4. Avoid Exclamation Points

Unless your site is all about bringing the funny — or attempting to do so — don’t use exclamation points. (Another exception: if all the i’s are dotted with circles or hearts.)

5. Omit Extraneous Spaces or Punctuation

All-cap initials and acronyms, of course, but don’t separate letters with word spaces — or with periods. Omit apostrophes when attaching a plural s to such abbreviations.

6. Avoid Superfluous Headings

Eschew headings and headlines like “Features” and “Links” for self-evident sections.

7. Make Navigation and Display Easy on the Eyes

Make it easy to find other pages and archived content, and avoid making the home page and other pages busy in general.

8. Keyword Navigation

Never use “Click here” or “More” (by itself) or “Next page” for a link name. Use keywords: “Archive,” “More Top 10 Lists,” “Ski Trip, Day 2.”

9. Limit Font and Background Styles

Avoid multiple fonts, font sizes, font colors, and background colors. Use one font for display copy and another for running text. Limit italics to emphasize of words and short phrases. Employ boldface generously in display copy but sparingly in running text.

10. Write for First-Time Visitors

If you want to attract a general readership, write for a general readership. Don’t dumb down, but do explain obscure terminology and do spell acronyms out. (You could provide a glossary, but briefly explaining, or spelling out, an unfamiliar term needn’t be distracting to either lay readers or experts.)

Comments

Popular posts from this blog

พยางค์

การที่เราเปล่งเสียงออกมาจากลำคอครั้งหนึ่ง ๆ นั้น เราเรียกเสียงที่เปล่งออกมาว่า “พยางค์” แม้ว่าเสียงที่เปล่งออกมาจะมีความหมายหรือไม่มีความหมายก็ตาม เช่น เราเปล่งเสียง “สุ” ถึงจะไม่ รู้ความหมาย หรือไม่รู้เรื่องเราก็เรียกว่า ๑ พยางค์ หากเราเปล่งเสียงออกมาอีกครั้งหนึ่งว่า “กร” จะ เป็น “สุกร” จึงจะมีความหมาย คำว่า “สุกร” ซึ่งเปล่งเสียง ๒ ครั้ง เราก็ถือว่ามี๒ พยางค์ เสียงที่เปล่ง ออกมาครั้งเดียวมีความหมาย เช่น นา หมายถึง ที่ปลูกข้าว เสียงที่เปล่งออกมาว่า “นา” นี้เป็น ๑ พยางค์ ลองดูตัวอย่างต่อไปนี้ ไร่ มี๑ พยางค์ ชาวไร่ มี๒ พยางค์ (ชาว-ไร่) สหกรณ์ มี๓ พยางค์ (สะ-หะ-กอน) โรงพยาบาล มี๔ พยางค์ (โรง-พะ-ยา-บาน) นักศึกษาผู้ใหญ่ มี๕ พยางค์ (นัก-สึก-สา-ผู้-ใหญ่) สหกรณ์การเกษตร มี๖ พยางค์ (สะ-หะ-กอน-การ-กะ-เสด) จากตัวอย่างข้างบนนี้สรุปได้ว่า พยางค์ คือ เสียงที่เปล่งออกมาครั้งหนึ่ง จะมีความหมายหรือไม่มีความหมายก็ตาม ถ้าเปล่ง เสียงออกมา ๑ ครั้ง ก็เรียก ๑ พยางค์ สองครั้งก็เรียก ๒ พยางค์ องค์ประกอบของพยางค์ พยางค์เกิดจากการเปล่งเสียงพยัญชนะ สระ และวรรณยุกต์ออกมาพร้อม ๆ กัน พยางค์ที่มี ความหมายอาจจะเป็นพยา...

CSS Comments

Comments are used to explain the code and may help when you edit the source code at a later date. Comments are ignored by browsers. A CSS comment is placed inside the  <style>  element, and starts with  /*  and ends with  */ : Example /* This is a single-line comment */ p  {   color :  red ; } Try it Yourself » You can add comments wherever you want in the code: Example p  {   color :  red ;    /* Set text color to red */ } Try it Yourself » Comments can also span multiple lines:  Example /* This is a multi-line comment */ p  {   color :  red ; } Try it Yourself » HTML and CSS Comments From the HTML tutorial, you learned that you can add comments to your HTML source by using the  <!--...-->  syntax. In the following example, we use a combination of HTML and CSS comments: Example < !DOCTYPE  html > < html > < head > < style > p  {   color : ...

อักษรควบ

คำควบกล้ำ ( อักษรควบ ) หมายถึง พยัญชนะสองตัวเขียนเรียงกันอยู่ต้นพยางค์ และใช้สระเดียวกัน เวลาอ่านออกเสียงกล้ำเป็นพยางค์เดียวกัน เสียงวรรณยุกต์ของพยางค์นั้นจะผันเป็นไปตามเสียงพยัญชนะตัวหน้า คำควบกล้ำ ( อักษรควบ ) มี 2 ชนิด คือ คำควบแท้ ได้แก่ พยัญชนะ ร ล ว ควบกับพยัญชนะตัวหน้า ประสมสระตัวเดียวกัน เวลาอ่านออกเสียงพยัญชนะทั้งสองตัวพร้อมกัน เช่น พยัญชนะต้นควบกับ ร ได้แก่ ครู เพราะ ครัว กรน ปรวนแปร ขรุขระ พระ ตรง ครั้ง กราบ โปรด ปรักปรำ ครื้นเครง เคร่งครัด ครอบ ปรอย กรอง พยัญชนะต้นควบกับ ล ได้แก่ เปล่า ปลีก คลาน คลุก เคล้า เปลี่ยนแปลง กลบ กลม เพลิดเพลิน เกลี้ยกล่อม เกลียวคลื่น คล่องแคล่ว เกล้า พยัญชนะต้นควบกับ ว ได้แก่ กวาด ขวาน ควาย ขวิด แคว่งคว้าง แขวน ขวนขวาย คว่ำ ควาญ แกว่งไกว ความ แคว้น ขวัญ ควัน คำควบไม่แท้ ได้แก่ พยัญชนะ ร ควบกับพยัญชนะตัวหน้าประสมสระตัวเดียวกัน เวลาอ่านไม่ออกเสียง ร ออกเสียงเฉพาะตัวหน้าหรือมิฉะนั้นก็ออกเสียง เป็นเสียงอื่นไป คำควบไม่แท้ที่ออกเสียงเฉพาะพยัญชนะตัวหน้า ได้แก่พยัญชนะ จ ซ ศ ส ควบกับ ร เช่น จริง ไซร้ เศร้า ศรี ศรัทธา สร้าง เสริม สร้อย สระ สรง สร่าง คำควบไม...