Tuesday, January 18, 2011

Important SEO Mistakes You Can Fix Instantly

http://www.devwebpro.com/important-seo-mistakes-you-can-fix-instantly/

When it comes to optimizing your web site for the search engines, search engine optimization, there are a lot of things that you can do that will hurt your search engine rankings. Many of these items are easily corrected, and some are not.

In fact, there are literally hundreds of different factors that come into play when it comes to search engine optimization. And add in new technologies and web sites such as social media web sites and there are even more search engine optimization factors. That said, let’s focus on some of the bigger search engine optimization mistakes that I run across every day when I am reviewing and auditing web sites for search engine optimization.



It only took a few minutes of brainstorming for me to come up with this list of search engine optimization mistakes. There are quite a bit more SEO mistakes on my search engine optimization audit list. Of course your web site may not suffer some of these search engine optimization maladies. But it is good to go through this SEO checklist of mistakes just to make sure.

Your website was entirely built in Flash.
One way to tell is to go to your web site’s home page. When you click a link or visit a web page on your web site, does the URL change? If you click a link and it goes to another page, such as domain.com/page.html then most likely your web site is not totally built in Flash. Flash can be embedded into html pages, so you may be okay–just make sure that you have other content on your web pages (lots of text) so that the search engines can read what your web page is about: search engines generally do not index and read Flash.

Duplicate Content
Having the same text or content on more than one web page is not recommended. The search engines only like to index one version: and they will typically not index multiple copies of the same text. So, if you have all sorts of duplicate content on your web site, it’s not likely going to be indexed and therefore your website is not going to rank as well as it could in the search engines. Duplicate content could be on your web site, but you could also be using content (text) from other web sites. In ecommerce situations, frequently web sites will use the default product descriptions from the manufacturers. That is not recommended, as several different web sites may be using the same content. Your content must be unique. In the hotel industry, it is common for a hotel description to be used more than once. Again, that is not recommended. Your best bet is to hire a writer to write unique content (or rewrite the content).

Not linking to your real home page
One common mistake I see over and over again is that a web site will not link to its real home page. Your web site’s real home page is at http://www.domain.com/ and not at http://www.domain.com/index.html. Index.html is actually a duplicate copy: and other web sites don’t link to http://www.domain.com/index.html they will link to http://www.domain.com/ (without the index.html). So, you need to be consistent–always link to the main version of your home page.

Splash Page as your home page
Splash pages are not recommended, in any situation. Splash pages don’t generally contain text content. Your web site is not a movie, and it does not need “opening credits”. Make your home page the best most important page on your web site. After all, other web sites link to it.

Not having Unique Title Tags
Every web page on your web site is unique. Make it that way. Your title tag describes what is on your web page and what people will find when they visit that web page. The title tag is used as part of the actual search result, so make sure that people will find the information they need and want to click from the search result to your web page.

Not having unique Meta Description tags
Just like the meta description tag, it must uniquely describe the content on the web page. Just like the title tag, the meta description is often used in the actual search result. Make it good enough for people to want to click on into your web site from a search result.

Not properly adding alt tags to images

Alt tags describe the content of images. Not only for accessibility purposes, the search engines use these as part of the search engine ranking factors. Make sure that every image on your web site has a proper alt tag.

No Robots.txt file
The robots.txt file will keep the search engines (most of them) out of certain parts of your web site. There is no reason for certain directories on your web site to be crawled. This is also helpful to keep the search engines from indexing certain duplicate copies of your web pages, such as the “print version” of a web page that may be a duplicate. The robots.txt file should also contain other information, like the location of the sitemap.xml file.

No sitemap file
If you particularly have a large web site or your web site frequently adds content then you should have a sitemap.xml file. It’s not required, but is helpful.

Not updating your website
Web sites, just like a loaf of bread, get stale if they aren’t updated on a regular basis. Your business is fluid, something is always happening, so your web site should reflect that. Even if you decide not to have a blog or other fluid content on your web site, you should at least publish a press release once a month. This will add content to your web site, and keeping it fresh (link to your latest press releases on the home page of your web site) will ultimately help search engine rankings.

Not getting new links to your website
Your web site should be getting at least a few new links every month. Even if you don’t actively seek these out, you should be getting more links, and even distributing a press release will help.

Improper use of internal anchor text
You have control of how you link to other web pages. The anchor text (the clickable link text) should accurately describe the content of the page that you’ll get to when you click a link. Don’t use “click here” and other nonsense anchor text in your links. If you are linking to the privacy policy page, then use the anchor text “privacy policy”.

No breadcrumb trail
A breadcrumb trail can add more links to your web site, especially if you are in a situation where your navigation is in images (they are image links).

Linking out to too many websites
Don’t make your web site what is called a “link farm”. Be careful who you link to, you are the “company you keep”. Link out to spam web sites and your web site could be considered to be spam. Too many outgoing links is tougher to maintain over time, as many web sites go down, are bought, or just don’t exist anymore. The should be more incoming links to your web pages than outgoing links on pages.

Not linking to trusted, authority websites
Your web site should link out to trusted, authority-type web sites in your niche or topic.

Keyword stuffing

If a keyword is not on your web page in the body copy, it should not appear in your title tag, meta description tag, or meta keywords tags. Don’t put keywords anywhere on your web page just to get search engine rankings. Create web pages for the website vistors, many people will not like your web page if you mention a keyword over and over and over again. It just doesn’t “read right”.

When linking to other pages on your website, some links redirect to other URLs.
You have control over all the internal links on your web site. If you move a page or remove a web page, you also need to fix the links on your web site that linked to that page.

No proper 404 errors on your website
If someone (or a search engine) requests a page that does not exist, your web site should deliver a proper 404 error.

Changing the entire site structure and not redirecting pages
If you update or redesign your web site, it is preferable to use the same URLs on pages. Sometimes that is not the case, especially when you switch to another content management system. If a page changes, then you need to set up a 301 Permanent Redirect to the new location.

Not viewing your 404 errors in your website stats
Don’t just rely on your web site stats if you are using a JavaScript-based web analytics package. There may be a lot of traffic going to a web page that doesn’t exist: or some other web site may be linking to a web page on your site that does not exist. You can easily recover that traffic or redirect that traffic to the proper page if you view your 404 errors. The only way to do that is to analyze your web site’s log files.

Not viewing your redirect errors in your website stats
Just like I mentioned with the 404 errors, your log files will give you information about your redirects. Analyze your log files and you’ll get a lot of good information that you can use to view redirects. Make sure they are set up properly and redirecting properly.

Not promoting your blog posts
Every blog post should be promoted on the social media web sites soon after they are posted. Getting links to your blog posts is a critical part of search engine optimization.

Not optimizing your blog properly
WordPress, for example, usually generates a lot of duplicate content out-of-the-box when it is installed. It’s important to optimize your blog posts (title tag, URLs, meta tags, etc.) and even the overall blog template (or theme) to make sure that each blog post can rank well in the search engines.

Not having search engine friendly URLs
Don’t use parameters in your URLs. Your URLs should accurately describe the content of the web page. Your privacy policy page should be privacypolicy.html or domain.com/privacy-policy/ rather than domain.com/125.html.

Owning multiple domain names and they all are mirrors of your main website.

You have one main web site. Pick one domain name and set up a 301 Permanent Redirect from ALL the others to your main web site’s home page.

These are only a few of the hundreds of common search engine optimization mistakes that I see every day over and over again. I perform a lot of search engine optimization audits on a regular basis, and I typically find myself cleaning up after poor web design, poor internal linking structures, and what I would call “typical” search engine optimization mistakes. Hopefully by viewing this list you have been able to find at least a few SEO mistakes that you can fix.

Comments

Saturday, January 15, 2011

8 Tools For Easily Creating a Mobile Version of Your Website

http://mashable.com/2010/12/16/create-mobile-site-tools/

As an entrepreneur, you’re most likely always on the lookout for new developments. Perhaps your customers are reporting that your site needs a mobile version so that they can visit it while they’re on the go, or maybe you recently saw a competitor’s site through your mobile device; it looked slick, and now you’re feeling outclassed.

The mobile web is burgeoning. Usage of iOS, the operating system for Apple mobile devices such as the iPhone and iPad, almost doubled in just seven months (from March 2010 to October 2010), according to Netmarketshare. This is an indicator of just how many people are browsing websites, more and more, through their mobile devices instead of their computers.

Small businesses should be on top of this trend. To help out, we’ve compiled a list of easy-to-use tools for creating mobile sites. The tools in this list were purposely chosen for ease of use — that is, they’re all aimed at site owners who don’t have any web development/coding experience. They’re perfect solutions for small- and medium-sized businesses because of their cost effectiveness (and most are even free).


How These Tools Work


Most of the tools below have graphical user interfaces and copy-and-paste code blocks that can be installed on your site quite easily. If you can install a tool like Google Analytics on your site yourself, you’ll be able to use these tools.

These tools work by detecting the user agent of your site visitors, which is just fancy talk for finding out whether a visitor is using a regular web browser or a mobile web browser. If the user agent is a mobile browser, users are redirected to your website’s mobile version. The common practice is to assign the mobile version of your site with a sub-domain as such m.yourwebsite.com. In this manner, your site traffic is forked into two segments, giving all of your site visitors an optimal browsing experience.


1. Mobify


Mobify allows you to create a mobile version of your website through an intuitive and user-friendly graphical user interface (GUI). Setup is a breeze, and you can have your very own mobile site in minutes.

If you run an e-commerce store, even better! Mobify has the Mobile Commerce platform that’s geared specifically toward e-stores for the mobile web.

Mobify runs on a freemium model, but its free version is very generous and includes the option for a custom domain (such as m.yourwebsite.com). The paid plans start at $249 per month and include features such as the removal of the Mobify logo on your mobile site, mobile analytics for reporting site traffic stats, and so on.


2. Wirenode


Companies such as Ford, Nokia and Reebok use Wirenode, a mobile website generator that has helped more than 50,000 websites create mobile-device-friendly versions of their sites.

Its free plan has a user-friendly editor for designing your mobile site, free hosting for up to three mobile sites, website statistics reporting, and more. The paid plans start at 15 Euros per month (about $19.80 USD), with upgrades such as support for custom domains and the removal of Wirenode advertisements.


3. Mippin Mobilizer


If you’re strapped for time, Mippin Mobilizer is a no-frills tool that will take you minutes to use. All you have to do is enter your site’s RSS feed URL, configure some options, sign up for an account, install some code on your site, and you’re done! As you set up your mobile site, it has a live preview on the right-hand-side so that you can see the progression of your site’s design as you configure it.


4. Onbile


Onbile promises that you can have a mobile version of your site in five minutes or less. It delivers this promise by giving you an intuitive user interface for constructing your mobile site and a custom-generated script to paste into your index page so that when mobile device users visit your site, they are redirected to the mobile version. You can select one of 13 customizable templates as a starting point for your mobile site design.


5. Winksite


If you’re interested in creating an online community based around your mobile site, check out Winksite, a web app for building a mobile community for your website.

It even generates your very own QR code, a two-dimensional code readable by mobile devices with QR scanners and used to automatically pull up text, photos, videos, music and URLs. There are many ways to use QR codes for small business marketing. You can print your QR code on your business card, print ads and other branding materials, and when mobile users want to visit your mobile site, they just need to use their mobile device cameras to scan the QR code.

If you would like to generate a QR code without having to use Winksite, check out this free web-based tool calledQR-Code Generator.


6. MobilePress


Do you use the WordPress publishing platform for your website? If so, you’re in luck because there’s a bevy of plug-and-play WordPress plugins for automatically generating a mobile version of your website. One such plugin is MobilePress, a free WordPress plugin for creating a mobile theme for your WordPress-powered site. Another WordPress plugin to consider is WordPress Mobile Edition.


7. iWebKit


iWebKit is a simple framework for creating your own iPhone/iPod touch apps. It can be used to create an app likeMashable‘s iPhone app, for example.

Though iWebKit can be used by anyone, even without knowledge of HTML, it isn’t as user-friendly as the other tools mentioned above and requires that you download and install the app as well as read the user manual. But for a small time investment (no cash needed, the iWebKit framework is free), you can have your very own iPhone app just like the big kids.


8. MoFuse


MoFuse is loaded with a large set of features for building and managing your mobile site. It’s aimed at agencies, news media, and small- and medium-sized businesses. Prices range from $7.95 to $199 per month and include features such as site analytics reporting, support for more than 5,000 different mobile devices, customer support, a QR code manager, and more.


Bonus: Resources for Testing and Evaluation


Once you use one of the tools above and have your very own mobile version of your main site, it’s a good practice to ensure that everything’s in order. Here are additional tools and resources for testing and evaluating your new mobile website.

  • mobiReady – This tool will test your site for dotMobi compliance and W3C mobileOK compliance, sets of mobile website standards that ensure an optimal and accessible mobile-site user experience. It also looks for errors and gives you a user-friendly report of any errors discovered. It’s easy to use — just plug in the URL of your mobile site.
  • W3C mobileOK Checker – W3C has an official tool for checking a mobile site’s “mobile-friendliness”.
  • iPad Peek – Don’t have an iPad? That’s quite alright, you can still see how your mobile site looks through the popular Apple mobile device using this tool that emulates what people see on the iPad.
  • Mobile Web Best Practices 1.0 – W3C, the standards body for many of the web’s technologies (such as CSS, HTML and JavaScript), has a document that outlines mobile web best practices. This is aimed at web developers and can be a pretty dry read, but it’s worth a few moments to read and look over it.

Friday, January 14, 2011

10 Predictions for Web Development in 2011

10 Predictions for Web Development in 2011

Monday, December 27, 2011 11:52 AM
http://mashable.com/2010/12/27/web-development-predictions/

As a class, developers have had a fantastic year in 2010.We've made headlines, grabbed the limelight, been vilified and glorified beyond all reason and gotten paid pretty nicely along the way. And the bubble of consumer web apps just continues to swell, so there are no signs (yet) that 2011 will bring anything short of grandeur for the web and mobile development communities.Looking ahead to what the coming year might hold, there are a few sure bets and a few speculations we'd like to offer. Some are, as noted, almost certainly bound to come true. Others are more along the lines of hopes and prayers than hard-and-fast predictions we'd stake money on.With that in mind, here are 10 things we think the world of hacking will hold in 2011.

1. There Will Be a Need to Understand and Optimize for All Form Factors


Even the most brainless of "social media gurus" could tell you this one. With the surging popularity and newfound accessibility and affordability of smartphones -- thanks in large part to the growth of the Android platform -- we've had to optimize for the mobile web and learn about mobile applications a lot in the past year in particular.Now, as tablets begin to creep into the market, we're having to craft new experiences for those, as well. We're constantly forced to consider form factor when creating new sites and apps. Will it run Flash? What about screen resolution? Font size?Almost every developer worth his or her salt will have to become increasingly adept at developing for the myriad form factors set to dominate the gadget market in 2011.

2. There Will Be Breakout, Cross-Platform Mobile Development Tools


With all the mobile growth that's been occurring, especially given the current state of the iOS/Android market shares, the time has never been riper for a great mobile framework, SDK or IDE to enter the arena.Hopefully, sometime in 2011, we'll see a new group of flexible and robust tools that can facilitate app development for any number of operating systems -- including tablet-specific or forked OSes. We're talking more than WYSIWYG, DIY app-builders and more than iPhone-to-Android porting tools; we want to see serious, mobile-centric power tools in 2011.

3. Investment in Cloud-Based, Collaborative Development Tools


We've seen some interesting starts in community-based, online coding. There are a few collaborative code editing apps, some of them with real-time capabilities.We're looking forward to seeing more and better apps for cloud-based, collaborative coding in 2011 -- something like a better Wave, created specifically with hackers in mind. This will allow for better and faster work to be generated by an increasingly decentralized hacker community. It'll also pave the way for improved on-the-job learning and open-source hacking.

4. WYSIWYG Tools Get Better and Grow


While WYSIWYG tools of the past -- and, who are we kidding, the present -- often lead to spaghetti code of the ugliest variety, we just keep seeing more and more of them.We're going out on a limb and predicting (or hoping) that WYSIWYG and split-screen (WYSIWYG and code) developer tools become more sophisticated. Whether they get better or not, they're definitely going to continue to proliferate, especially for the novice coder and the DIY non-coder markets. Still, we're being told the code on the other side of the GUIs is getting better all the time.Who knows? 2011 could be the year WYSIWYGs stop sucking.

5. We'll Keep Building "Touchable," App-like UIs


Facebook Mobile Privacy
All that stuff we said earlier about form factors kind of applies here, too, but in reverse. Your sites will have to look better on mobile devices and tablets, yes; but also, they'll continue to natively look and feel more like mobile and tablet apps.Some folks, a couple of Mashable staffers included, aren't happy about the app-itization of the entire Internet. Call us old-fashioned, but we like our websites to be websites and our mobile apps to be mobile apps.The average consumer, however, seems to delight in the shiny, touchable, magazine-like interfaces taking over the iPad and similar devices. Expect to be asked to make more and more app-like sites in 2011.

6. There Will Be a Higher Standard for Web and Mobile Security


The past year has been a bit of a horror show when it comes to web security. There have been a handful of high-profile hacks that exposed user data to the world; there was also much confusion on the user's side of the screen as to how security works on a personal level.We predict -- nay, we dream -- that in 2011, developers of consumer-facing apps will be extra careful with things like data encryption, user privacy controls and other security issues.

7. Third-Party App Development Will Plateau


Building a Facebook app or a Twitter app was all the rage in 2009, but something shifted in 2010, right around the time of Twitter's Chirp developer conference: Developers found out that building on someone else's platform was a good way to set yourself up for failure, especially when the platform decides to shift direction, change its APIs, acquire a competitor, or simply change its terms of use.We predict that developing these kinds of apps will plateau and even taper off in 2011. The web is glutted with third-party social media tools; many devs are beginning to realize there's more money and more interesting challenges elsewhere. In the end, social networks will be more interesting to advertisers large and small than to independent and third-party developers.

8. Ruby Will Get Some Cool Optimizations and Tools


We've seen lots of cool tricks and optimization tweaks around Python and PHP; 2011, however, will be the year for better Ruby tools.The Ruby language is becoming extremely popular in developing consumer-facing web apps, and we're sure to see some big-name companies release open-source tools and even improvements to the Ruby core -- think along the lines of what Facebook did last year with HipHop or Google's Unladen Swallow project.

9. NoSQL Technologies Will Stake Their Ground


We've seen and heard interesting things from the NoSQL corners of the web this year... and by "interesting," we don't necessarily mean "good."NoSQL technologies have had some high-profile hiccups this year (remember thatMongoDB/Foursquare disaster?), but we've been assured that what doesn't kill NoSQL only makes it stronger and more stable.That being said, we're not predicting the demise of MySQL any time soon. As one astute Twitter friendwrote, "Relational databases have their place, as do NoSQL solutions. To blindly choose one over the other is shortsighted."

10. Open-Source Software Will See Unprecedented Growth


Open-sourcing interesting or unused tech is a trend we like to see from companies like Google and Facebook. In fact, we hope to see even more open-source contributions from proprietary software giants in 2011.It's not just the big players who are writing great open-source code. We know a lot of web startups are working on internal tools that'll also be open-sourced in 2011. There are more youngsters (and not-so-youngsters) joining the ranks of hackers every year; many of them are being encouraged by sites like this one to make valuable contributions to the open-source community.We predict more awesome open-source software than ever in 2011. Will it be a victory byStallman's standards? Probably not, as it won't be exclusive of proprietary software creation, sale and licensing. But the trend toward more FOSS is a good one, and one that we'll continue to report on in the year to come.

4 Predictions for Web Design in 2011

4 Predictions for Web Design in 2011

Jacob Gube is the founder/chief editor of Six Revisions, a popular web development and design site, and the deputy editor of Design Instruct, a web magazine for designers. He has more than seven years of experience as a professional web developer and has written abook on JavaScript. Connect with him via Twitter.

There’s never been a more exciting time to be a web designer; but being a member of this fast-paced, persistently metamorphic profession, I’ll probably end up saying this at the end of every year until I retire.

But with the web design industry abuzz with new specifications likeHTML5 and CSS3, and cutting-edge frontiers like the mobile web, I can’t help but wonder what the future will look like in the new year. Here are four predictions for the future of web design.


1. Mobile Web Goes Mainstream


The mobile web has been the dominant subject in web design for the past 2+ years. A quick peek at Dribbble, a social media site where designers share their projects, will show you that many of us are working on mobile device apps and interfaces.

However, it’s still safe to say that most websites have given little to no attention to their mobile web presence. Most of the innovative mobile device web designs we’re seeing are on big, industry-leading, tech-centric sites such as Amazon.com, GoogleGoogle, and DiggDigg, or niche sites targeted toward web designers (such as A List Apart).

Where we’re not seeing mobile web design implementations are in run-of-the-mill company and corporate sites. Small- and medium-sized businesses, Fortune 500 companies, and government websites are sadly falling behind instead of in line.

However, companies are beginning to see the rewards of meeting the needs of mobile device users. In the years to come, there will be a significant shift in attention toward the mobile web presence in all websites.

There are already several mobile web tools you can use for creating a mobile web version of your site; it’s time companies seriously look into implementing these cost-effective and relatively simple solutions as either a stop-gap solution or a permanent one.


2. Web Design as a Profession Will Become Specialized


Web designers are increasingly contending with many roles and tasks. What used to be just HTML, CSS and designing static brochure sites for the desktop has extended to designing web-enabled solutions for mobile devices, web apps, rich InternetInternet application (RIA) interfaces, content management systems (CMS) and much more.

We’re tasked with making harmonious designs that carry a website’s brand across all platforms and situations — designs that establish the company’s brand whether it’s being viewed in a 28-inch desktop monitor or anAndroidAndroid smartphone.

This leads to two things. Job security is one, but the other is the need to distribute these tasks so that we can specialize and excel in one specific area.

In the future, there will be greater stratification of the role of web designer. Right now, web app designers, mobile app designers and traditional website designers are clustered under the umbrella title of “web designer.”

Just as the profession of being a doctor and the field of medicine are branched out into sub-fields such as oncology, dentistry and neurology, we may see a similar division in the field of web design. I can see specializations such as mobile web designer, content management system designer (with further sub-specializations such as WordPressWordPress theme designer or DrupalDrupal theme designer), and RIA interface designer becoming a reality and being in demand as we move forward.


3. Simpler Aesthetics for Websites


There’s been a sweeping trend in the way new websites are being visually designed. Web designers are forgoing complex visuals and overdone design techniques, opting instead for clean and simple web designs with a high attention to detail, a greater emphasis on typography — with the help of web fonts and the upcoming open web font format (WOFF) specifications — and stronger interaction design for richer and more captivating user experiences.

Not only that, but simpler aesthetics means lighter web pages, which translates to a better experience on mobile devices where Internet connectivity is lower in speed and less reliable when compared to the traditional broadband connection, and where screen sizes are too small to fit excessive design elements. This web design trend of “less is more” seems like it will extend, if not dominate, the aesthetic tastes of web designers in the near future.


4. Web Design Will Replace Print Design (Even More)


Print designers are typically tasked with brand identity design, such as logo design, letterheads, business cards and other print materials.

However, companies are seeing the great opportunities and effectiveness of business networking online. Businesses are a lot more concerned about their brand’s visibility on the web. Business cards are being replaced by social networking profiles on TwitterTwitter and FacebookFacebook. Newsletters, brochures and company letterheads sent out by snail mail are being dismissed for HTML e-mails and e-newsletters.

We’ll be witnessing design budgets earmarked toward traditionally print-based branding materials shift toward web design solutions such as Twitter profile page designs, Facebook fan page designs and HTML e-mail and e-newsletter template designs.

http://mashable.com/2010/12/30/web-design-predictions/