Overview (H2 Tag)
This is the style guide for your website. The core stylings for the content is built into the code. You shouldn’t want to or need to change fonts or colors or alignment within wordpress. But it is important to format the copy in order to maintain visual consistency and tag the document appropriately for search engines. By this I mean, using the heading/subheading tags, h1, h2, h3, etc., and bulleted lists and block quotes where appropriate. The rules below will help you maintain your site properly.
There is also sample copy below with all of the formatting options.
H Tags (H1, H2, H3, etc.)
- These are how you label the headings/sub heads of your copy, but they also are important for SEO.
- The H1 tag is reserved for the title of the page which is displayed over the header graphic. You should not label a subhead/heading with an H1 tag. You should not ever need to use H1.
- H2 tags are used for sub headings in your content. You will use these the majority of the time. If you have a page with 3 sections you would label the sub headings for those sections with an h2 tag. If one of those h2 sections additional sub headings then you would use an h3.
- Only Use H tags (h1, h2, etc.) for sub headings not as a way to bold or emphasis text.
- You should not bold h tags (h1, h2, h3, etc.)
Other/Misc.
- You should not use underlines to highlight words or sentences. Underlines are reserved on the web for links.
- All titles should be entered as title case and not uppercase. There are a few built in styles (h1 for example) that will make your copy/titles automatically uppercase were appropriate.
Block Quotes
- Using block quotes is the preferred method to include chunks of info / copy from other websites. This way you are not copy and pasting an article from another site with is technically copyright infringement and duplicate content like this is a big negative for SEO. You can also use the block quote for quotes. It is a good way to hight light a block of copy.
Pages vs Posts
- Any permanent content should be a page not a post.
- Posts are for news, announcements, blog style posts.
- Pages are for more permanent copy, such as about us type pages.
- For example, your “issues” page (https://trucksafety.org/fact-sheets-infographics/) should be page. While an new update should be a post.
Copying and pasting text/Removing Unwanted Formating
- When you paste copy into wordpress from the web or word, you can sometimes accidentally import unwanted styling as well. This can cause alot of issues with layout and consistancy. We don’t want random fonts and spacing making your new site look bad.
- You can insert copy using the text tab (instead of visual) or use the past as text button to remove any formatting from your copy.
SEO
- For every new page or post, remember to fill out the SEO Yoast information on the bottom of each page. Follow the instructions and it will help you rank better
- I will send some additional information for you regarding SEO.
—
Sub Heading (H2 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Links look like this. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Bold looks like this. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit. Italics look like this.
Ordered List:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam maximus quam ut turpis convallis aliquet.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam maximus quam ut turpis convallis aliquet.
Numbered List:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam maximus quam ut turpis convallis aliquet.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam maximus quam ut turpis convallis aliquet.
Block Quote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H2 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Links look like this. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Bold looks like this. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit. Italics look like this.
Sub Heading (H3 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H4 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H2 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H3 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H4 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H2 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H3 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.
Sub Heading (H4 Tag)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam maximus quam ut turpis convallis aliquet. Vivamus venenatis convallis quam. Donec sed erat facilisis, luctus nibh sed, molestie sapien. Sed mauris dui, lobortis eu malesuada non, sollicitudin nec orci. Proin feugiat viverra ex id hendrerit.