So last time around I did an overview of VERY basic principles that will make your Website grow and reach your target audience, WITHOUT selling your soul to a (potentially) fishy SEO campaigner. The abridged basics are

• Make it Look Good
• Make it Organized
• Make it Say Something
• Make it Good Under-the-Hood
• Use HTML PROPERLY
• Don’t fall for Quick Fixes

Today I want to start at the top and talk a little bit about the first two topics, Make it Look Good and Make it Organized – because as the old adage goes, “You never get a second chance to make a first impression”!

So let’s talk FIRST about the SECOND item… (I’m not sure why I put Looking Good first anyway).

Site Plan. Structure. Logic. Flow.

Sound vague, cryptic and complicated?

Step #1 for a well-built Web site is planning your layout. It seems much easier to “Just Do It” and start building pages. But I guarantee that if you don’t take the time to lay out your site and put some structure and organization on paper BEFORE your “creative juices” do their thing, you’re going to spend many long hours saying “now how can I make this…”

I’ve never regretted sitting down with a client, my Design Consultant (my wife), or by myself and thinking “What must this site include, and what is the BEST way to include it?” You just won’t regret it. Ever. An ounce of prevention is worth a pound of cure.

So take the time, right now, at the start of things (or at whatever stage you are at now), and give some thought to structure and layout. It’s terribly important.

Start with the basics. What is the purpose of your site? Are you promoting a product, a business, a person, or just your blog? Will you be promoting more than one TYPE of product or service (or a combination of BOTH). How many? Do you need a way for people to Contact you about your products or services, or to give feedback on whatever you are posting? Is there legal information that should be easily accessible to your visitors? Do you need a “Directions” page to help potential clients find your office?

It’s good to think big and think ahead. Maybe right now you only need a Home page, About Us page, Contact page, and one Products page. But perhaps down the road you’d like to showcase two entirely different product lines? Will you (at that point) really want a ‘Product A’ link and a ‘Product B’ link from you home page/nav bar, or would you prefer to direct visitors to your Product page and then link to ‘A’ and ‘B’ products from there? Try to think through this and plan accordingly, to save you from totally re-building your website every time you add a product or service.

Try to develop a high quality Site Map up front. A Site Map is a logical, hierarchical structure of the pages and how they link together. See example .

Generic Web Site layout

A good Site Map and logical layout will help you to develop a clear, simple and flexible navigational system that is easy to follow (for your customers), easy to maintain, and easy to build upon.

In the example above, we have a basic site layout that contains a navigation bar (it could be placed anywhere, but I would place it at the top or left of each page) that contains 3 Root links (About Us, Products/Services, and Resources), each of which contain 3 Nested (or sub) links. EACH PAGE also contains all of the links shown at the bottom of the Site Map, most likely in a supplemental navigation pane in your “footer” at the bottom (or side) of each page.

This logical layout allows visitors to quickly and easily identify what they are looking for, and if you have it. And IF you DO have it, you’re in business!

This also allows your visitors (at any time) to quickly click “Contact Us” or “Help” if they have a problem or a question that they can’t find an answer to elsewhere on your site (because they didn’t look OR can’t find it).

Finally, we can talk about Layout and Design…

How do you want each page to physically appear? There are a couple key rules that I recommend you stick with…

• Simplicity - don’t confuse and bewilder your visitors with too many glaring banners, graphical adds, image links and crazy complicated graphical buttons.
• Consistency - keep things the same, especially your overall layout and your navigation bars. People want to easily and quickly know where they were, where they’re going ,and how to get back – or they freak out and leave altogether!
• Neutrality - don’t overdue the crazy colors, crazy fonts (for many reasons), crazy pictures or anything else “out there” – unless you’re trying to alienate people, try strike a balance in everything you do – it’s the professional way!

Browse the web, search for “free website templates” or “website layouts” to get some examples and ideas of great ways to lay things out. Even go to some of the “Big” sites (microsoft.com, apple.com, foxnews.com, cnn.com, etc) and take notes from the guys who see the BIG TIME traffic – what do they do, and what DON’T they do?

As you can see from my own, personal website, I like centered. I like rounded. I also like clear Headers and Footers that are consistent throughout the site (I used PHP to save time and coding with these – more on that in another post). You can visit any page on my entire site and easily find your way back to where you started – it’s all accesible from any point via either the footer nav links or the main Graphical Navigation bar (which uses Javascript/JQuery and CSS – thanks to Stu Nicholls!).

It’s simple, it’s easy to follow, and it’s all there.

Now, maybe my colors aren’t great – but that’s fine, to each their own. This is the stage where you really make the site “yours”. Use your logo. Use your photo if you want. By ALL means use YOUR colors. But make sure that they don’t scare people away…

Again, browsing through free templates from freecsstemplates.org or freewebsitetemplates.com will give you plenty of ideas on how to do this. For ease of use and maintenance, I highly recommend learning CSS basics and putting them to good use. They are your greatest aid in maintaining consistent and aesthetically pleasing web pages. Good free tutorials can be found here http://www.w3schools.com/Css/default.asp and here http://www.csstutorial.net/.

As you go, keep revisiting the 3 basics – Simple, Consistent, and Neutral (or Professional).

This is NOT a comprehensive list, nor a tutorial for building a good site. It’s more of an “Off The Top of my Head” suggestion list of critical elements that I have found to be indispensable in building and maintaining quality web sites. Look around Eberly Systems and see what you think… we just recently were rated a 95 by HubSpot’s  WebsiteGrader.com (HubSpot is a leading Market Research and Analyst firm, and WebsiteGrader is their flagship Website Ranking / Grading tool). Visit www.websitegrader.com and enter our address (www.eberlysystems.com) to see exactly what they have to say about our layout, content and design.

For more tips and ideas, stay tuned for part III – till then (whenever “then” is), stay tuned for continuing Blog and Site updates!

I’ve spent the last several days fiddling around with Magpie RSS, attempting to feed Blog updates onto my home page via RSS.

Well, you’d think it should be easy, as I found no fewer than a dozen “simple” tutorials on parsing the output via PHP and customizing the feeds. But of the 5 or 6 different scripts that were freely available, only the last one I found actually worked.

The funny thing is, as I brushed up on my PHP, I realized that the issues were mostly very simple ones – syntax, mostly, and bad programming. You’d think people who write Magpie / PHP walkthrough’s would test their code…

Anyway, it’s up and running, and it’s working great – you can now view summaries of the latest Blog posts directly at www.eberlysystems.com – our Home page, plus breaking news as it becomes available.

For anyone who is interested in what I came up with, here’s the basics…

• Download MagpieRSS from http://magpierss.sourceforge.net/
• Install per the included “Install” file (open via your web browser – it’s in HTML format)
• Insert this PHP script into your page and customize the lines in bold
• Enjoy!

Script:

<?php
require_once(‘magpierss/rss_fetch.inc’);
$rss = fetch_rss(‘http://www.eberlysystems.com/blog/wp-rss.php‘);
if ( $rss) {

#in this case, we only want to display the first four news feeds:
$short_items = array_slice($rss->items,0,3);

#to be polite, set magpie to only refresh a feed once every half-hour:
define(‘magpie_cache_age’, 900); # 30 x 60 = 1800 seconds

#tell magpie to use utf-8 encoding
define(‘magpie_output_encoding’, ‘utf-8′);
define(‘magpie_input_encoding’, ‘utf-8′);
define(‘magpie_detect_encoding’, ‘false’);

#now we tell magpie how to format our output
foreach ($short_items as $item) {

#define the link to the story as $href
$href = $item['link'];

#set the item title as $title
$title = $item['title'];

#set the item content as $longdesc
$longdesc = $item['description'];

#to only display the first 60 characters of the title and
#the first 100 characters of the content:

$desc = trim(strip_tags($longdesc));
if (strlen($desc) >= 175)
{
$desc = substr($desc,0,174).”…”;
}
if (strlen($title) >= 25)
{
$title = substr($title,0,24).”…”;
}

#and now we want to put it all together to show the image icon,
#followed by the item title, followed by the content on a new
#line in a smaller font.
echo “<h2 align=center><a href=\”$href\”>$title</a><br /><span>$desc</span></h2>“;
}
}
?>

Happy New Year to everyone in case I don’t get to update again before 2010!

The Eberly Systems website continues to grow and improve! Currently ranking in the 88th percentile of all ranked sites, EberlySystems.com has grown from an unheard of byway to a budding hub of Internet information – thank you for your part in that!

Recent Score at WebsiteGrader.com

But the big question on everyone’s tongue these days is – “How?” How do you grow your site? How do you attract more and NEW visitors? How do you develop a thriving online community? How do you “optimize” your site for Search Engine and Keyword results?

There are many firms that offer SEO (Search Engine Optimization) for your website at very high prices, guaranteeing 1st page (or “top 100″) results within a certain time period. But how many of us actually want to (or are ABLE to) throw $3000-$8000 into an internet marketing campaign? Probably not too many…

For all of my readers who appreciate the expertise and experience that Eberly Systems offers, I’ve included a few suggestions. You don’t need to invest in a massive Internet Marketing blitz, and you don’t need to contract a fly-by-night (or by day) SEO firm (although you can contract ES if you want ) – I’ve broken the basics down into a few short items that EVERY webmaster should be aware of and integrate into their site, and if you pay attention to them, and are patient and meticulous, your back-water Custom Fishing Lure.com or Blue Widgets By Billy.com website could be tomorrows feature. Really. It’s not rocket science, it’s common sense and a little time!

I’ve compiled a short list of basic techniques that will go a long way for your website or blog. Here are the basics – we’ll expound on them in more detail through a series of more detailed blogs.

• It needs to look good. If it hurts your eyes or overloads your brain, no one will stay, and no one will check back.
• It needs to make sense. Make a “Site Plan” and stick to it. You want a simple, basic and logical hierarchical structure of pages that allows people to find what they want in just a few clicks.
• It needs to SAY SOMETHING! It can look good and be laid out well, but if it doesn’t SAY ANYTHING or HAVE ANYTHING, no one is going to stay.
• Pay attention to behind-the-scenes information. Meta tags, Titles and Alternate Text for images and links are all very important, both for Search Engine indexing AND users without the ability to view images.
• Learn the basics of HTML, and use them properly. You don’t NEED to know what Heading Tags do and how they work to make a nice looking site, but you’d be surprised what the proper use of them will do for your Search Rankings!
• Don’t get caught up in fancy “SEO” techniques. Gateway pages, massive link exchange/farming, hidden text, keyword planting, etc. – the Big 3 (Google/Yahoo/Bing) invest a lot of money and time in keeping results “authentic”, and as such, yesterdays “quick fix” for top results is todays “instant ban” no-no.  Some of them work (with very discerning use), some of them don’t at all, some of them hurt you – it’s not worth it.

There are many more that could be inserted here, but these are just a few basics. Over the next several weeks I will explore these and other basics in more detail. Stay tuned!

If you have any questions regarding these or other Website / Network topics, contact me through our Contact page, or simply comment on this (or any) post. We love getting feedback as well!

In the past week or two I’ve been developing and tweaking Eberly System’s site layout. Not too get too technical (for anyone who doesn’t care), I’ve been migrating from HTML 3-era Table layouts to HTML 4 / PHP compatible Div’s. I’ve also been working on new content – and that’s where I need help!

What kinds of things do you (my clients and friends) have trouble finding on the internet? Technical questions, simple (and common) fixes for everyday problems, technical jargon glosseries, Best Practice recommendations, etc… ??

Or, I can always resort to uploading pictures of my pet rock collection. That would also be interesting.

Today I’m working on further customizing my WordPress installation for
Eberly Systems. It’s going well, but it is definitely stretching me.

I currently am working on Widgets – I hope to have the operational later
today. This is mostly a test post, fyi…

I am definately impressed with my blog engine, WordPress. Not only can it be used to generate entire websites and function as a CMS (Content Management System), but it can be manipulated and fully revised to fit into an existing website, without losing (much) functionality.

As you can see, here it is. My WordPress blog in the existing Eberly Systems framework.

All that remains is to bring the widgets online and tweak a few of the more advanced features – but over all, I think it is working very nicely!

I’m going to try to incorporate the rest of my widgets, and fix a few oddities (such as my graphic buttons not providing rollover updates), but beyond that, it’s great! Check out the tutorial I used at http://www.rivergraphics.net/resources-tutorials/how-to-integrate-a-wordpres s-blog-into-your-existing-website/.

Have a great day!

So throughout the last several weeks I’ve been working on the Eberly Systems website throughout most of my “spare time”. I’ve found literally HUNDREDS of cool, fun and exciting things that can be done with a good site. I’ve been learning more and more about Linux, PHP, HTML, XML, CSS, JavaScript, and much more – to name a few. But the thing that has really gripped my attention, both as a Web Creator and business man, is “SEO” (Search Engine Optimization).

Google it. SEO is a buzzword these days. If you haven’t already been spammed by hundreds of startup companies selling you “Search Engine Optimization – become #1 in your field on Google and Yahoo Searches” – you’re lucky. The rest of the world has been enjoying this hullabaloo for a year or better.

But I decided to dig into it – after all, underneath most large piles of rock, one can at least find a beautiful … pet rock.

So I dug. And it’s interesting – I think my site is a lot better for my digging. It looks better, it does (or should shortly) rank better on Google and most major search engines when you look for Computer Repair or Parts and Service in Reading PA. And my “Hubspot Website Grade” score went from 25 to 77 in a fairly short period of time. So…. it works?

But what’s really interesting is the ethics. SEO (at least the way your Spammers sell it) is a big show. The whole idea behind it is that I stuff my
page full of the key words that I want the world to know me for, I spam every forum, software directory and business catalog with irrelevant garbage
just interesting enough that they don’t delete it, and then proceed to stuff my pages full of links to “relevant” sites that know one really wants to
see, and each of those sites “reciprocates” the favor. And the result? Google is supposed to think that I’m important.

Eberly Systems must be the bomb! 153,487 sites have links to it! And Kordel’s name appears on 4,512 DIFFERENT forums! And not only that, but the
main page ALONE references “computer” 319 times!!!! INCREDIBLE! … … …

…To get a few spots higher on Google and another notch in my “Page Rank” belt.

I don’t know about you, but it makes me once again ponder the gullibility of this World’s culture, our mindless acceptance of advertising prowess, and our powerless resistance to the change of every fickle wind.These days, if you want people to buy your stuff, all you have to do is hire the best marketing guy, with the best graphic artist, best videographer and best makeup artist to flaunt your product on Television and Magazines. SOLD!

Pathetic.

But… the story comes full circle, and here I am… taking advantage of it. Oh well… I guess when you can’t beat the trend, you… join it? I guess so.

So – if YOU need “SEO” for your business, blog, church or product website… Eberly Systems! We know how, we’ve done it, we’re doing it now, and we’re
doing it better than anyone else in Reading (that I know of ) – I’ve checked!

Don’t take my word for it… head over to www.websitegrade.com and copy my link in – www.eberlysystems.com – you’ll see!

God bless, thanks for reading this little rambling. Comment, complain, criticize, whatever – it’s not very well thought out and I’ll gladly learn from your thoughts!