Web Development Archives - Page 5 of 8

Building Your Soapbox

Marketing, Social Media, Web Development

As the Internet becomes more fully submerged in Web 2.0, it becomes more and more necessary for individuals and businesses to interact with the social web. No longer is it enough to simply have a webpage,you must build a platform, utilizing a number of different tools to achieve your online marketing or selling goals. How should this affect your website?

What is Web 2.0? Web 2.0 is not a style of website. It is a way of thinking about the web. Web 2.0 is the social web that facilitates participation and information sharing. The focus is on interactions.

Social media is not a substitute for a good website: No matter how many social media services you use, how frequently or how well you use them, it is still important to have a website to both direct your visitors to and point them towards your social media outlets. A website helps to build your credibility and makes certain information better available–services, hours, ect.

Link to your website–and vis versa: This seems rather obvious, but it is a point that can be overlooked. Most social media sites allow you to enter your site’s URL so that your profile will link back to your website. You also should include social media links on your website to facilitate further conversation and interaction with your visitors. In some cases a “Like” button from Facebook or an embedded Twitter profile feed may be appropriate.

Allow for comments: Blogs can also be a powerful tool for building your web platform. Not only do frequent updates help your SEO, but you can also receive feedback from your readers and build a conversation from there. Spam can often be minimized through plugins available on many blog systems, so this shouldn’t stop you from blogging.

Consider a Content Management System: Obviously to succeed in Web 2.0, you need to have a website in place which allows you to interact with your visitors, post new content and make updates as needed. Content Management Systems–such as WordPress, Joomla, and Drupal–make your website more “interaction friendly” and may be the way to go rather than a static HTML site.

How has your website helped or hindered your transition to the Web 2.0 Mindset?

Market Your Restaurant Online Successfully, Part 1-Necessary Ingredients

All Posts, Content & Copywriting, Marketing, Social Media, Web Design, Web Development

In the first of this two-part series, I delve fork-first into what should be on your success plate for your restaurant via the world wide web and which content accompaniments will have your customers coming back for more.

*It’s Like a Restaurant without Signage ~ Restaurateurs everywhere, you may offer fantastic platings and have a location that rivals cobblestone street cafes in France, but today’s savvy foodie eats with their eyes first…ON THE INTERNET. What about the power luncheon you’re boss asks your to book and you need that perfect location with a swank menu to ink the deal? Or the family of 7 traveling from Virginia to Maine who needs an affordable, family friendly menu with ample seating? In 2012, 90% of consumers first instinct is to Google everything – that’s even for the neighborhood coffee & biscotti café. One of the most successful ways for potential customers to know how fantastic your spot is- is if you have a website. This reigns true if you’re a small Mom & Pop coffee shop, a breakfast & lunch only establishment, or have won a “Best” culinary award for your fusion creations. Wherever you are and unknown vs. well-known, it is imperative you have a web presence to:
1. let the world know you exist and give them a visual perspective of your establishment and its offerings;
2. stay relevant & competitive with other restaurateurs within the same category or cuisine within your surrounding neighborhood/area;
3. make the world aware of accolades you’ve received and watch them influence your prospective patrons; and last but most importantly
4. obtain new and possibly life-long, faithful patrons.
*A Sour Ingredient? ~ If you’re still not convinced a website is necessary, here’s an eye-opening scenario. If you don’t have a website you could be opening yourself up to reviews of your food and/or service via such sites like Yelp which allow visitors to say something influential about your establishment. And wait, here it comes…AND POST IT ON THE WORLDWIDE WEB WITHOUT YOUR PERMISSION. Whether flattering or not, you won’t have a voice and presence on the www to contradict it will you…Convinced now? I have disregarded many a YELPing, whinny patron’s review when the restaurant’s website reflects legitimate and noteworthy criticism and compliments.

*Wanna Really Start Cookin’? Add Some Social Media ~ Social Media is big business in every business arena around. Facebook, Twitter, Digg, Stumble Upon…and even more to come. And the great thing about Social Media is that it’s free! Tweet about your most popular pizza made with all organic ingredients. Create a Facebook page for your restaurant and get customers to Like it. Dish on Digg about this seasons new menu and why your patrons need to give it a test run.
Another great Social Media tool is blogs. Much like this one, blogs can be influential depending on the level of content writing, and what other mediums the blogger is using to expose your restaurant to the world. And if they have a decent following in the industry for which your business belongs to, that’s even more exposure in addition to your other online marketing tools. I’ve seen this at work with a recent client for which I blog and how their customers responded to it. The blog influenced someone to order a dish they never had before and now they are absolutely in love with it. AND they bragged to others about it and now that establishment has 3 new customers. Ahhh…the power of suggestion.
Check back next week when I add the remaining ingredients for a stellar, set you apart from the competition restaurant website. And if you think you should toss this advice out with your table scraps, check out http://www.google.com/analytics/customers/case_study_cke.html and see what CKE Restaurants founder Carl N. Karcher found behind the curtain about his restaurants web presence!

Dear Designers, Please Learn Development

Web Design, Web Development

(and vise versa)

It’s been an ongoing debate since perhaps the beginning of time– can a person use their creative and analytical brains (right and left, respectively) with equal skill. Obviously, there were some who did it well– artist and inventor Leonardo da Vinci comes immediately to mind– but what about in today’s society, in particular the gap between web designers and developers. Should there be an overlap in skill sets?

While I admit that having specialization of labor, as a whole, has brought many benefits to society, in this particular case of website creation the two divergent mindsets are working toward a common goal. It is less like a composer and a biochemist and more like an interior designer and an architect.

Because there is a shared purpose and desired product/outcome, even if the design and development work is split between two individuals, there is the expectation that they will have to communicate to each other to reach the client’s goals. It becomes necessary, even on a basic conversational level, for both the designer and developer to understand parts of the other’s job and associated vocabulary. Ignorance here will benefit no one.

How much more of an overlap might be necessary depends on what type of services you offer individually. Obviously if you are a lone designer offering a PSD to HTML service, you’ll need to know HTML and CSS. If you are a solo web developer putting together a web app, being able to put together a cohesive user interface is a must. The right brain/left brain skill set overlap becomes then an extending of the basic level of understanding needed to interface with the other half– be it designer or developer. This is more, I believe, a matter of personal preference than a mandatory learning because it requires the individual to be confident enough in his or her skills to carry out the tasks of the other.

While we can argue the merits of separation all day, the fact is that neither designers nor developers operate in a vacuum, completely cut off from the other. There is a symbiotic relationship between the two, put in place by the very nature of the work. Considering how tightly the Internet connects us all together, it seems even more counterintuitive to fight to keep the right and left brains completely divided. After all they do make up one mind.

Feed the Spiders HTML5

Web Development

Search Engine Optimization (SEO) is important to any website. Being able to show up in the top of search rankings heightens visitor traffic to your site and may have a significant impact on conversions–sales, subscriptions, and so on. While content has an enormous impact on a site’s ranking, one of the factors you may not consider is how the code itself may affect it. HTML5, while not fully supported in all browsers, can be helpful in getting search engine’s “spiders” to rank your content as more relevant.

What’s going on now?

HTML is not a programming language. It’s abbreviation gives it away as “hypertext markup language” which is a fancy way of saying that it tells your browser how to display the information–kind of like a graphic designer might layout a page, adding images and breaking text into paragraphs and headings. What search engine spiders (a.k.a. bots or crawlers) do is feed that information, gathering relevant bits of text so that the search engine can feed that, plus some other factors, into an algorithm which ranks your website accordingly.

In HTML4 –the version currently supported by all major browsers, though Internet Explorer is debatable sometimes (ha ha)— div tags are used to denote sections of the page–perhaps for styling reasons, or so the designer/developer can tell where he or she is. This is an example (though not the full markup for the page) and I have added comments to mark the end of divs:

<div id=”header”>
<h1>Page Title</h1>
<div id=”nav”>
<a href=”http://blog.jpdesigntheory.com”>Link to somewhere</a>
</div><!–end nav–>
</div><!–end header–>
<div class=”article”>
<p>This is some important main content–perhaps a blog post, or just the main portion of the website</p>
</div><!–end article–>
<div id=”sidebar”>
<p>This is not a portion of the main text.</p>
</div><!–end sidebar–>
<div id=”footer”>(c) 2012
</div><!–end footer–>

Did that take you a minute to get through? Imagine if I hadn’t commented–would you have been able to understand as quickly what was going on with the code? Admittedly, a spider is designed specifically to glean information off of a webpage, but it might not most relevant content. Also, in our example, our divs had relatively easy to understand names and was commented, which is not always the case and makes the interpreting job that much harder.

How does HTML5 change that?

With HTML5, the generic div is joined by a myriad other descriptive tags. These tags are used for areas found on most websites–like headers and footers . Here’s that same markup again in HTML5:

<header>
<h1>Page Title</h1>
<nav>
<a href=”http://blog.jpdesigntheory.com”>Link to somewhere</a>
</nav>
</header>
<article>
<p>This is some important main content–perhaps a blog post, or just the main portion of the website</p>
</article>
<aside>
<p>This is not a portion of the main text.*</p>
</aside>
<footer>(c) 2012</footer>

*Note the change from id=”sidebar” to <aside>. <aside> merely denotes an area that is not part of the main content, which could be a sidebar.

See how much easier that is to follow? The same is true for search engine spiders. They are able to identify exactly what is important and what might be lesser content on the page.

Because neither version of our example has any styling information, both would display (in an HTML5 supporting browser) as:

It has no impact on mere mortals not viewing the site’s source code, but can make life easier for developers and spiders alike.

It should be said that HTML5 is not yet supported in all browsers, so I wouldn’t recommend dropping HTML4 immediately. However, as browsers update to support these new tags, it is beneficial for business owners, site creators, and SEO ninjas alike to be aware that content might be king, but code is still the poet laureate.

4 Easy Steps To Remove An Indexed Page From Google

All Posts, Web Development

What do you do if you accidentally put too much information on your website? If you use a content management system (WordPress, Joomla, Drupal, etc.) or have access to your website you can take down excess or unneeded information fairly easily. Pages can be removed and information can be hidden but what can you do if the information is already showing up in search results? Or cached results? Here is a quick and easy method for removing a page from Google Search Results pages:

Removing a Page from Google Search Results

1. Access your Google Account (if you don’t have one, sign up)
If you have a Google account, you should be able to log into the Google’s Webmasters section. After your website it set up, you can use some of the many tools Google offers. The tool you need to remove a page is called “removals.” Here is a link to the removals page: https://www.google.com/webmasters/tools/removals.

2. Get the URL of the page you want removed from search results (e.g. www.mycompany.com/aboutus.html)
URLs include pages, images, documents, etc. Basically anything on your server. If you can access the content through your website, Google can find it too.

3. Move and/or delete the page
The page cannot exist on the URL you are requesting to be removed from the Google Search.

4. Remove the URL
Fill out and submit a removal request, follow the instructions and wait. It may take a little while before the URLs are completely removed.

As you can see, Google has made this a relatively quick and painless process. However, if you want to have multiple pages you want removed from Google, it may take some time.

5 Clean Website Designs for Inspiration

All Posts, Web Design, Web Development

Clean (clutter-free and simple) website designs are very popular and give your website a very professional look. Here are 5 examples of clean designs that we hope will really inspire you.

Scout Campbell Photography
Created by: Mark Dobmeier (Me)