How to Create a Search Engine Optimized Company Timeline Using HTML and CSS

In this post we are going to demo how to create a search engine optimized company timeline using HTML and CSS. Company timelines are a common feature of business website about pages. Some visitors want to know where your organization has come from (and where it is going). And, let's be honest, most businesses like to show their growth over the years. Some companies design their timelines as a simple list - like Starbucks: Other companies design interactive timelines with accompanying media - like Ford: In this post you will learn how to create a company timeline using HTML and CSS that looks beautiful but stays simple. This method also maintains proper HTML heading structure so that search engines can easily index your timeline. You can use this method yourself on nearly any website. Our timeline will be stylized but simple. When we are finished we will have something that looks like this: [text_with_frame id="368c1dbfefba91dceb946d322e0e86bc" content="‹¨›p‹˜›‹¨›em‹˜›If you find this article helpful consider giving it a share‹¯›nbsp;‹¨›/em‹˜›?‹¨›/p‹˜›" line_color="rgba(0,0,0,.07)" text_font="body" heading_font="heading" animation="none" animation_speed="2" animation_delay="0" __fw_editor_shortcodes_id="e6852c2dacc162bc8c34ba646905e841" _fw_coder="aggressive"][/text_with_frame] Step 1: Write Your Timeline's Content Before you get to any HTML or CSS go ahead and write up your timeline. Here's ours: Rystedt Creative Origins Timeline 1994 - Gabrielle picks up a blue crayon and writes her name - a writer is born. 2002 - Joshua builds a PC and checks out some books on HTML from the library. 2005 - Joshua begins regular web maintenance for a display product retailer. 2007 - Joshua begins offering web-development consultation to organizations as a young word of mouth freelancer. 2013 - Gabrielle graduates college with a BS in business administration. Joshua and Gabrielle get married but don't…

Continue Reading How to Create a Search Engine Optimized Company Timeline Using HTML and CSS

Introduction to Structured Metadata

Your website should help search engines and social networks understand it. Your content is designed and written for your visitors. Typically website owners expect Google, Facebook, Twitter, and others to just understand that content and display it logically. That usually works. Search engine crawlers have become quite advanced and social networks can often just pull an image and a text snippet. But what if you could ensure which title, description, and image show on Google, Facebook, Twitter, and beyond? Well you can with structured metadata! Help search engines understand your website Structured metadata is important content but it isn't visible to your visitors. Metadata is content written specifically for search engines and social networks.Structured metadata can be used to inform search engines what title and description to use for a page, what your hours are, what your logo is, who wrote an article, what a recipe's content is, and more. Structured metadata can also be used to tell Facebook and Twitter what titles, descriptions, and images to use. With different metadata styles you can even force your pages to appear differently on different platforms.Metadata doesn't directly improve your search rankings. However, it does eliminate the element of chance in how your links display. Usually if you can define how your links appear you can increase your click through rate. You know, perhaps better than anyone else, what your audience is looking for. Make sure that Google, Facebook, Twitter, and others are displaying your site the way you want them to.Structured metadata is quickly transcending its once exclusive purpose as a search engine tool. If you send a link to an iPhone user they now see a preview of the webpage…

Continue Reading Introduction to Structured Metadata

Quick and Dirty Guide to Estimating Your Web-Development Costs

So you need a new website. How much should you budget? Should you expect to pay $1,000 or $10,000? Estimating your web-development costs can be difficult due to the range of firms and freelancers available to do the work. In our previous article we broke down the main factors that contribute to web-development cost including your time, knowledge, and money and whether you hire a firm, freelancer, or friend. Whether you pay low or high pricing is largely determined by what you are paying for and how experienced and knowledgable your developer is. [button id="c54861b7a5309c95ee6d9d602379f687" text="Read part 1 here" url="https://www.rystedtcreative.com/tech-talks/hire-a-web-developer-expected-cost/" target="_blank" alignment="center" alignment_mobile="default" image="" icon="ti-book" icon_alignment="left" style="1" size="medium" radius="0" border_size="2" shadow="simple" full="false" tale="none" margin="0px 0px 15px 0px" text_color="#ffffff" text_hover_color="" background_color="#1f78e6" background_hover_color="#6ba2e5" border_color="" border_hover_color="" animation="none" animation_speed="2" animation_delay="0" __fw_editor_shortcodes_id="29e04c67583cc78b1272d1b8436e36a0" _fw_coder="aggressive"][/button]Now that you know the main factors that contribute to a web-development hiring decision you need to research actual pricing. What products and services are you paying for? What are the price ranges for these items? Answering these questions with actual figures will get you an estimated web-development cost to budget for. Design Web design and development are often considered two different pieces of the web building process. Web design includes colors, typography, and layout. A web designer will often deliver a mockup of the site's design or at least a design direction for his client before actual development begins. Whether or not you are paying for web design is an important question to answer when determining how much you should budget for a new website. You generally have three design options available to you. You can pay for a predesigned template, a customized template design, or a custom and unique design. Predesigned…

Continue Reading Quick and Dirty Guide to Estimating Your Web-Development Costs

Should I hire a web-developer? (And how much should I pay?)

This post is part one of a series on hiring a web-developer. Read part two, the Guide to Estimating Your Web-Development Costs, here. [button id="c54861b7a5309c95ee6d9d602379f687" text="Read part 2 here" url="https://www.rystedtcreative.com/tech-talks/guide-estimating-web-development-cost/" target="_blank" alignment="center" alignment_mobile="default" image="" icon="ti-book" icon_alignment="left" style="1" size="medium" radius="0" border_size="2" shadow="simple" full="false" tale="none" margin="0px 0px 15px 0px" text_color="#ffffff" text_hover_color="" background_color="#1f78e6" background_hover_color="#6ba2e5" border_color="" border_hover_color="" animation="none" animation_speed="2" animation_delay="0" _fw_coder="aggressive" __fw_editor_shortcodes_id="29e04c67583cc78b1272d1b8436e36a0"][/button]You're considering hiring a web-developer because you either want to launch a website or update your existing one. After determining what you want developed, updated, or fixed you must figure out how you will accomplish this and who will do the work. So, should you hire a web-developer? Let's consider the factors. Time, Knowledge, and Money Like any service, whether or not you need a web-developer is determined by a few factors. If you have plenty of time; knowledge of web-development, hosting, and search engine optimization; and some money you can do the work yourself. If you lack one or two of these factors you may need to hire someone. For example: You may have called a plumber after your pipes burst because you did not have the knowledge to fix the damage yourself. Or perhaps you merely lacked the time to get the work done. Either way, a knowledgable, skilled, and trustworthy plumber was part of the solution. If you had the knowledge, time, and money to do it yourself you would have. Whether or not to hire a web-developer is no different. Where your gap is in the Time, Knowledge, and Money Equation will determine whether or not hiring a web-developer is the right choice for you. I have time and knowledge but not much money If you have time on your…

Continue Reading Should I hire a web-developer? (And how much should I pay?)

End of content

No more pages to load