<\/p>\n
![\"8](\"http:\/\/www.crimsondesigns.com\/blog\/wp-content\/uploads\/2013\/01\/8-simple-ways-to-tell-old-website.jpg\")
<\/p>\n
It includes 8 Simple Ways<\/strong> to tell if your website is old. All you need is about 10 minutes to complete it. Simply grab a cup of coffee and a notepad, and of course, you will have to visit your website on a computer. You will be adding a check mark to your notepad for every item that your website fails to meet.<\/p>\n Ready? Let’s begin.<\/p>\n Let’s go to your website right now. Bring it up in a web browser, such as Google Chrome<\/strong> or Internet Explorer,<\/strong> and look up at the very top of the screen. You will be able to see the Page Title<\/strong> of your home page. See it? Good. Try to remember it for a moment.<\/p>\n If the page titles are the same for every page or your website or are not very descriptive of your web pages, please add a check mark<\/strong> to your “Time for a Website Redesign”<\/strong> Checklist. You have your first important reason to hire a web designer.<\/p>\n Now go to the bottom of one of your web pages and look at the copyright date. Is the year listed there up-to-date? If not, please add another check mark<\/strong> to your list. Having an old copyright date is an indication to visitors that your website has old content. Your visitors want to know that your website has trustworthy and up-to-date information. An outdated copyright date is the first thing that will cause your visitors to lose their trust in you.<\/p>\n When you loaded your website in a browser, how long did it take to see the whole page? Was there a noticeable waiting period? If so, search engines, such as Google, and your visitors will not be impressed. The days of slow-loading and cumbersome websites are gone. Your visitors want to be able to navigate around your website quickly and easily.<\/p>\n If your website is slow to load, add another check mark<\/strong> to your checklist.<\/p>\n Next let’s discuss mobile devices. Is your website easy to read on a mobile device<\/strong> such as an iPad<\/strong> or an iPhone?<\/strong><\/p>\n Browsing the internet is no longer an activity confined to desktop computers. Mobile browsing is increasing every day. Your website needs to be ready to receive mobile traffic.<\/p>\n It can be really annoying for website visitors to pinch<\/strong> and zoom<\/strong> into the copy of your website, scroll back and forth, and try to hit tiny buttons to get to a specific page. You don’t want to create a bad mobile experience for these customers because they are a growing population. You just can’t ignore them anymore.<\/p>\n Does your website look good in the smartphone or are you squinting very hard to try to read the text? If you can’t read the content without zooming in, you will have to add another check mark<\/strong> to your list.<\/p>\n How many checks have you added so far? Are they adding up? What do you think is the latest trend when it comes to website navigation buttons? The trend is towards bigger<\/strong> and sometimes even round<\/strong> navigation buttons. This is also due to the increasing popularity of mobile web browsing. Mobile web browsers “touch” and “tap” screens instead of using a computer mouse to click on links. So web designers are moving towards bigger buttons to make “touching” and “tapping” easier.<\/p>\n Do you have any website button links on your website? Can you imagine tapping them with your finger to get to another page or are they too small? Bigger is better these days.<\/p>\n Does your website use separate Cascading Style Sheets (CSS)<\/strong>? It’s okay if you don’t understand this one. Let me explain. In the earlier days of the internet, the content and design of a web page were all in one file. Today, content goes in one file and most of the design goes into a style sheet. This makes editing a lot faster, easier, and more flexible.<\/p>\n How can you tell if you’re website is already using CSS? The page that pops up will be full of text that is hard to read. If so, you are in the right place. See the word “stylesheet”<\/strong> in there. It shows that there is a link to a cascading stylesheet. If you find one, you can breathe a sigh of relief. No check mark is necessary here.<\/p>\n We have two topics left. The first one is all about Contact Forms. Nowadays, contact forms are found in most websites. If your website is current, your web designer probably used HTML5<\/strong> to code your contact form page and CSS3<\/strong> to code the cascading style sheet. If you’ve never heard of HTML5 or CSS3, it’s okay. But your web designer should be familiar with both.<\/p>\n With the help of HTML5 and CSS3, stylish contact forms can be designed. But more importantly, HTML5 contact forms are fun to fill in and submit. Again it’s all about great user experience. One of the best features of HTML5 forms is that they can be validated using a modern web browser\u2019s built-in form validation.<\/p>\n What is form validation?<\/strong> You ask. Form validation helps guide visitors, alerting them to what information they need to include in the form fields so they don’t fill in a bunch of useless information or leave an important field blank.<\/p>\n In the example below, see how a web browser (Firefox<\/strong>) displays a “hint” to the visitor who has left a field empty in the contact form. Web browsers mark the required but empty form field with a “cartoon bubble” warning. Thanks to HTML5, online forms are getting a whole lot better.<\/p>\n(1) Page Titles<\/h3>\n
![\"check](\"http:\/\/www.crimsondesigns.com\/blog\/wp-content\/uploads\/2013\/01\/check-mark2.png\")
Now click on a link in your website and go to another page. Do the Page Titles look the same?<\/p>\n(2) Your Copyright Date<\/h3>\n
(3) Page Speed<\/h3>\n
(4) Mobile Devices<\/h3>\n
\nLet’s look at a few more before you make that overdue phone call to a web designer.<\/p>\n(5) Website Navigation Buttons<\/h3>\n
(6) Cascading Style Sheets<\/h3>\n
\nA quick test to see if your site is using CSS is to load a web page in your browser. Then right click<\/strong> anywhere in the browser window with your computer mouse. A menu box will appear.<\/p>\nClick “View Page Source.”<\/h4>\n
\nLook closely for text like this: <link href=”css\/style-index.css” rel=”stylesheet” type=”text\/css” media=”all”><\/strong> near the top of the page.<\/p>\n(7) Contact Forms<\/h3>\n
![\"HTML5](\"http:\/\/www.crimsondesigns.com\/blog\/wp-content\/uploads\/2013\/01\/HTML5-CSS3-icons.png\"){kind=icon}
<\/a><\/p>\n