Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Thursday, 22 November 2012

The Bra Tree – A New Way Of Thinking About Evergreen Content


A view of a river between hills and forests

A few hours south of Las Vegas, Christmas Tree Pass winds through rocky cliffs and fields of scrub brush, Yucca plants and wizened pinion pines and juniper trees. At the crest of the pass, there’s a cluster of evergreen bushes decorated by women’s undergarments – the bra tree.

Nobody knows how it got started, but the tree’s reputation passes by word-of-mouth, luring new hikers and adventurers to seek it out. There are better trails, taller trees, and more exciting destinations. This is simply a twist on an evergreen that makes it stand out.

When most SEOs think of evergreen content, there’s a sigh. Evergreen content is basic definitions and how-to content, for example, “What is a Utah juniper tree” for a plant nursery. It’s seen as boring, dry and rehashed. The purpose of evergreen content is to write it once, publish and forget it.

Decorate the Tree

Originally, the bra tree was just another juniper in the middle of the desert. Most evergreen content is a straightforward, neutral answer to the question posed by the searcher – a forest of plain juniper trees, if you will.

What made folks drive for miles in the dust just to see this tree, when there were so many others just like it much closer to home? Someone had the idea to give this tree just a little something extra.

You may not be able to work titillating themes into all your content, but even giving your articles some personality will be enough to separate you from the pack. Suddenly, your boring evergreen content becomes an active reinforcement of your branding.

A great example of turning evergreen, boring content into branded, engaging content is Moosejaw’s shipping page (no relationships). Normally, shipping policies are as staid and evergreen as you can get.

Moosejaw’s brand is irreverent and cozy, and its shipping page tosses in quips like “Strollers, Trailers, Bike Racks, Crash Pads and Gear Boxes are oversized and cannot be sent for free economy, sorry for being so mean.” Not only does this personalize the company, but it preemptively answers a common question in a positive way.

So how do you get this personal styling in your evergreen content? Review corporate branding or style guides first. Check your current content for items that don’t fit the branding guide – even pages like privacy and shipping policies.

No branding guide? No worries. Think about your brand and what it means, how it communicates, and who it speaks to.

Define your customer, then think about how your company should approach that customer. Taking this exercise to its fullest should result in a branding or style guide so that anyone in the organization can draft content that matches your vision.

Apply your branding to all your pages, like product descriptions and return policies. Even how-to's on basic HTML can get some attitude.

Feed the Tree

Great! You’ve spruced up your evergreen content to be fun to read. You have your very own bra tree. If you think your work is done, you’re only partially correct.

Google loves fresh content. Many read that as new content, but making changes to existing content has a similar impact.

As the bra tree stands exposed to the harsh desert sun, its decorations lose their color. When a new brassiere gets tossed on the tree, interest is re-kindled. Also, old fashions, like old statistics, get removed or covered by the new fabrics and styles.

Your evergreen content needs a semi-annual or annual review. Every industry is changing and developing, and your content, evergreen or topical, should reflect current research and industry practices.
While how to play Blackjack will never change, new strategies for winning the game come about. Changes may not be necessary, but take the chance to update or add internal links or re-work the content to include recent press.

The Forest for the Trees

While you’re reviewing your content, create an inventory of your site. It’s easy to forget the how-to's and the definition articles in your content marketing strategy. Keeping everything, especially if you’re using different platforms for your blog and your main site, in an archive or spreadsheet can help you organize and build on your current content.

Hopefully, with a little personality and regular care, your evergreen content will grow into a healthy, Google-friendly, backlink-generating forest.





Wednesday, 21 November 2012

Guidelines for Development a Powerful Frontend System in HTML5/CSS3

Website connections often require a large kick off point to get going. You will need to spend some time preparing out a style or simple model in enhance. But how do you go about beginning the HTML5/CSS3 growth cycle?

Featured Image - custom HTML and CSS code editor

































In this article I would like to discuss a few guidelines for programming a amazing frontend. Web growth has never been quicker to learn, but there are also a lot of concepts to adhere to along with. Knowledgeable designers know what to look for and how to create their webpages for easy legibility. These designs are great to use not just for your own personal tasks, but also on partnerships and with free value produces.

Make your Documents Simple

This is my golden rule which I cannot pass onto enough developers. There is a tendency to overuse HTML elements and implement a lot of different classes within your markup. However I feel that any amount of space saved will improve the final result.

For example, most of my core div IDs are composed of the fewest letters possible. I’ll use #w for my wrapper div since it’s a quick reference and easy to identify. I would suggest carrying this method further into your CSS classes, because those are often used repeatedly in a webpage.

CSS document properties and stylesheet design

As another example I will often use .c for my container classes. These are often set to a maximum width and contain internal elements within a layout. Utilize this naming scheme to the point where you can still quickly recognize the conventions without becoming overly confusing. Obviously the class .tag is still shorter and easier than .linktag or .linkTag.

Data markup should also be fairly straightforward and easy to scroll through. Use HTML elements where they are appropriate – list items for lists, code/pre tags for source code, and tables for displaying tabular data.

Perform Browser Checks

This rule should be relative to your layout but still pertains onto all web developers. When you’re coding a website layout it’s commonplace to initially test your changes in a single browser. This is just easier since you don’t want to open 3 or 4 browsers after every little change.

Reddit.com on Mac OS X Opera Web Browser

But it’s important that you do take the time for browser-specific updates and bug fixes. You would be surprised how many valid HTML5 layouts will still break when ported over into Safari, Opera, or IE9. A good strategy is to build your layout to fit perfectly into whatever you normally use for a web browser. Then after you feel the job is complete enough go back and run some tests in all the other various rendering engines.

My default list includes Google Chrome, Mozilla Firefox, Internet Explorer 7-9, Opera, and Safari. If you are building a responsive layout it’s not a bad idea to check on mobile browsers, too. Both iOS and any Android smartphones will have different screen resolutions. These come into play if your responsive media queries aren’t implemented correctly.

Frontend Code Validation

This isn’t a requirement in the coding process but it’s nice to get into the habit of validating your webpages. The newest models do not cater to every meta tag and older XHTML specifications, so it’s common to find errors in your validation. But keep in mind this doesn’t mean your website is improperly coded. And it definitely doesn’t mean you must go back and “fix” your code.

Mozilla Firefox web browser validator html/css


For some clients these validation services may be mandatory. Not everybody will care about these labels since they are exactly that – just a label. But for those interested here is a nice HTML5 validator put out by the W3C(World Wide Web Consortium).

The W3C is full of people who debate the rules for new specs such as HTML5 and CSS3, so their website is certainly an authority on development techniques. They also have a CSS Validator if you want to give that a shot, too. There are many properties which will return an error such as -webkit-text-size-adjust. This is completely valid for mobile webkit browsers, and although it’s just an example you should try to ignore these egregious blacklistings of vendor-specific prefixes.

Learning from Past Mistakes

I think we all make mistakes at times because we’re only human. But mistakes come with the responsibility of admitting you were wrong and changing your techniques in the future. Not everybody will do this last step, and so they’ll continue making the same mistakes repeatedly.

It can be rough to accept there are parts of a website layout that you’ve completely overlooked. It can be helpful to have a couple web developers who you trust look over any skeptical source code. There are times when you’re staring at a project for hours and just cannot find the problem. It has happened to me a number of times and the quickest solution is often through a third party.

If you are not familiar with Stack Overflow then I definitely recommend setting up an account. You can register with an e-mail/password or through another service like Twitter or Google. OAuth is a very secure method since it’s one-click login without memorizing another password. The community is extremely helpful and very intelligent on a number of languages.



Flying above San Francisco, California houses

But my final point is to never get discouraged and never give up! Other developers are usually very friendly and happy to offer support where possible. Just be sure you can learn from other devs and take their lessons to heart. In a big world there will always be people with more knowledge on these topics. Advancing your education is all about what you do with this knowledge and how you apply any new found skills into your future projects.



Saturday, 17 November 2012

30 Symbols for Designers and Programmers


Tuesday, 6 November 2012

Google Designs New Mobile Strategy For SEO Services

Hello friends, hope all of you must be doing well by the grace of God. Friends if you remember in my last blog I had mentioned that Google is implementing its resolutions of the year according to some planned strategy. Now today again there is some interesting news coming up once again from Google. Now there is rumor that Google is going to emphasize on mobile phones, which are considered as the easiest, simplest and cheapest source of communication in current scenario. Not only this moving ahead of this it is speculated to be encourage SEO services through mobile and that also without charging any additional charges.


 
Of-course Google has determined certain rules to follow before accessing the service, although these rules are very user friendly.
Google offers three steps to enjoy the service. Thus, when the mobile user asks for specific URL, following steps will be followed by Google
>  Provides same HTML as mentioned on desktop of the page and make use of CSS3 media  enquiries to changes the appearance of site;
>   Serve HTML and CSS which are different from the one displayed on desktop;
>  Directing the mobile user to different URL through content optimized on mobile.
The details of the above mentioned options are as follows:

1.  Same URL, Same HTML:  This concept has become a standard for Internet industry due to several reasons. The important among them are;
i. Benefit of SEO in determining the ranking of one URL
ii. Easy implement

2. Same URL, Different HTML:  While offering different HTML to mobile users, Google enriches them by adding HTTP header to response server. This is done intentionally by Google because it knows “How the URL will work either on desktop and mobile?”
                                          
3.  Different URL:  Normally every company will use a special site/URL for use as content for mobile. However while using different URL for mobile, Google may adopt following strategy;
i. Use the link of mobile pages based on desktop version of URL
ii. Use of alternate link tag on desktop as displayed on mobile version of URL.

Here is Google’s example of how the rel alternate tag would look like in code.

Shifting mobile users to different URLs is available with extra features as in words of Google “use of Googlebot and Googlebot-Mobile” unlike debtor and creditor and direct them accordingly.

The most interesting though which Google reveals is concept of user agent redirection list. While redirecting user agent list, you should have full list of user agents detailing the server to assess how and where to shift specific mobile user.

Finally it would be interesting to see “How SEO services work on mobile application?”

Source:~~~~ http://blog.ribbun.com/google-designs-new-mobile-strategy-for-seo-services/