Showing posts with label web development. Show all posts
Showing posts with label web development. Show all posts

Wednesday, May 25, 2016

10 Reasons Why You Should Use Blogger To Create Your Website

Blogger is an excellent resource for creating websites

Blogger is for creating blogs not websites, right...? Wrong! Although it may have started out that way, in fact it definitely started out that way, Blogger is now an extremely effective tool to easily and freely create full blown websites. If you don't believe me look at this website ,for example, which was created using Blogger - you wouldn't think it, would you! Even the website you are on now is a Blogger hosted website.

Like WordPress (but better IMHO) it is also an excellent Content Management System (CMS) tool which is just one of the many reasons why web designers should be using it. Unlike WordPress it is totally free with no hosting costs and a free sub-domain name given, there is also no charges or fees for using plugins or connecting to a custom domain. I use it regularly and there are really very few situations where it is not capable of meeting the needs of a client and more often than not it is a better, or at least simpler, option for both me and the client. So before I give away everything in the introduction and here's 10 reasons why Blogger is great for creating websites.

Blogger Is Free

It's free, totally free, ad free, no hosting cost, free sub-domain name provided and is therefore cheaper than everything else. The sub-domain name provided will be yourwebsite.blogspot.com which is fine for a blog but for a professional website it doesn't quite cut it right? Well that brings me to my next point...

Easy Custom Domain Integration

You cannot purchase a domain name directly through Blogger but you can connect your Blogger website with any domain name in a few simple steps, Blogger are even kind enough to provide you with instructions. The old .blogspot address will also redirect to the new domain with the content from your blogger website being displayed under your chosen domain without a visitor being any the wiser. Search engines will use the custom domain name to index the site, meaning it appears as a fully fledged professional website and not a run of the mill blog.

Although domain names are generally quite cheap, as low as $5 for an annual .com license, hosting on the other hand is not as cheap. I have seen hosting costs range anywhere from $50 to $500 a year depending on the amount of space, level of security and other features that a client can require. Blogger, as already mentioned, has no hosting costs. Where's the catch you ask? 

Free Unlimited Hosting

Well, one that used to stop me from using Blogger was that it does not support PHP. But nowadays for contact forms and other standard PHP things there are ways around it such as using JotForm to create and host your form, then embedding it into your Blogger site. Another big one that used to be a problem was that there used to be a limit of 20 static pages per site, but that has since been removed, so there is now unlimited space available which most paid hosting services can't offer. How is this possible you ask, well that brings us nicely to the next point.

It is Run By Google

Blogger is part of the Google family so you are guaranteed a quality and reliable service. But returning to the previous point about storage what a Blogger account also gives you is a Google account and with that comes lots of other free stuff. You see when you set up your blog you will need to create an account, which is actually a Google account (unless you already had one of course) and therefore you simultaneously set up a YouTube account, a Google Drive account, a Google + account, a Gmail account, a Google Calendar account, a Google Places account and much more besides. All of these tools can be used to expand the possibilities for your Blogger website like storing documents (Google Drive), hosting videos (YouTube), arranging or displaying events (Google Calendar) or literally putting your business on the map (Google Maps).

Easy SEO

(SEO is Search Engine Optimisation ) Within Blogger you can also label your blog posts with keywords and submit a specific description to be used by search engines while indexing your website. As a Google product it is also very well coded and hosted on a Google owned server so speed performance is usually very good. As mentioned above a Blogger account comes hand in hand with a Google account and 2 more SEO related tools called Google Webmaster and Google Analytics. Google webmaster allows you to index your Blogger website in the Google search listings and then control various aspects of that listing such as geographic targeting, robots.txt and sitemap.xml settings all the while receiving basic data about your websites performance. Google analytics takes performance data to the next level and allows you to monitor every conceivable detail about your websites performance.


Easy To Learn & Use

Blogger is genuinely very easy to learn and easy to use. It took me about 30 mins to get up to speed with all the main features of Blogger and I honestly could not say the same for WordPress, although that may say more about me as WordPress isn't popular for no reason. But I'm entitled to my opinion, and my opinion is that Blogger is easier to use than WordPress. There are also a wide selection of templates built in to help get you started as well as thousands available for free online from very talented and generous web designers. The layout is clean and simple with the ability to drag and drop the default sections around as well as the numerous widgets which can then be added to personalise your website.

Loads Of Gadgets

There are a wide selection of gadgets within Blogger that can be added to the default header, body, footer sections. Things like site search, follow by e-mail and Ad-sense can simply be selected, edited to suit your needs and then dragged and dropped into the site layout as you see fit. As well as these relatively standard gadgets there is one gadget simply called the HTML/JavaScript Gadget. If you are a web designer or coder and feel restricted by all the templates and standard gadgets this simply allows you to code anything at all to appear in your website. I use it mainly for slideshows and custom menus. Currently there are around 1,000 widgets/gadgets to choose from so there is plenty of choice.

More Than Just Templates

The 'customise' section within Blogger allows you to customise all the default elements of your website, on desktop or mobile, using a WYSIWYG system so even without any coding knowledge you can still personalise your website to the way you want it. As I touched on in the previous point if you don't like templates and standard web gadgets you can still edit the site H.T.M.L. and C.S.S. code of your Blogger website directly to create a unique and original design or just to tweak an existing template or gadget. Within the HTML code there are even 'conditional' sections such as (without the HTML to avoid confusion), if displaying on a mobile device then do x, y and z. This makes it really easy to customise the look of the mobile site option, which I just realised I forgot to mention as another great built in feature of Blogger websites!

Can Be Used As A CMS

This point is really only relevant for web designers/developers. For me and any web designer who already knows how to code a website from scratch anyway one would think that Blogger did not hold much appeal, however the fact is that a Blogger website is easy for a client to update the pages after you have designed them and therefore lends itself very well to being used as a Content Management System. A client simply needs to log into a Google account connected, through the blog's settings, to the website and on each page of the website they will then see little wrench icons at the bottom of each section. They can then click on the icon and use the pop up editor to make the changes they need. The editor is very similar to editing a word document as well as allowing the insertion of videos, images and links with relative ease. So if the client has basic computer skills then they should be fine. It can;t get much simpler than that! And if a client is a little more tech savvy then they can just used the Blogger system directly to edit the website in the same way that you set it up. 


*If you skimmed through and noticed only 9 headings you'll have to read through to discover the hidden 10th reason included in one of the sections - I say hidden but I only remember it as I was writing the article ;)

Monday, March 14, 2016

The Best Web Development Resources

The Best Web Development Resources
There are a wide variety of quality free web resources available online

Here we are at the the final stage of our 10 step guide to learning HTML. If you have landed here without having gone through the previous 9 steps you have missed out! Although there is still a treat in store for you here with this list of recommended web resources. These web dev resources have been carefully selected and will be useful to both web design novices as well as web development experts. All the resources, tools and software listed are both easy to use and highly effective and, in my opinion, are the best free resources in their web category/area.

You will find more extensive lists than this but we have tried to weed out the junk and only recommend what we think are the single best and most useful web development resource in each area. Hope you enjoy.


We also recommend browsing www.freedesignstuff.net where they review and rate all the best free design resources from across the web in categories such as web, imagery, fonts, coding and more.

Google Account accounts.google.com/SignUp

Always create a Google account with your website to allow you to use YouTube, Google places, Google maps, Blogger, webmaster tools, Google analytics and more! SEO and tracking the SEO success of your website is only properly possible using the Google webmaster and analytics tools.


Online Photo Editor www.pixlr.com

In order to design a good, visually appealing website you need to use images and graphics and to edit,manipulate and resize these files you will need a Photo Editor. PhotoShop is the best and most renowned but is also very expensive. Pixlr offers a free solution with most of the same tools available in Photoshop.


Offline Photo Editor www.gimpshop.com

There's no question that Adobe Photoshop is excellent image editing software. But for those of us that can't afford up to seven hundred dollars or more to buy it, we now have the same image manipulation power at our fingertips as the high-priced, closed-source programs. In fact, with the release of 2.8, Gimpshop has become preferred software for photo & image editing among more professionals than ever. Layers, channels, masks, filters, levels, advanced pattern matching—the remarkable feature list of Gimp is equal to Photoshop in every way except one: the price.


Copyright Free Images www.pixabay.com

The online image stock exchange is getting larger thanks to great websites like the ones listed who give away quality images for free. You do need to create a free user account but it takes mere seconds and you don't get plagued with junk e-mail after, All they offer is a ridiculously large collection of quality, copyright free images.


Textures and Patterns www.textures.com

Textures.com is a website that offers digital pictures of all sorts of materials. We have pictures of fabrics, wood, metal, bricks, plastic, and many more. These images are called textures and can be used for graphic design, visual effects, in computer games and any other situation where you need a nice pattern or background image. You can download up to 15 images for free every day

RSS Feeds www.rssinclude.com

Integrate information from other websites, your own blog, Facebook, Twitter or YouTube directly into your website in an easily customisable widget.


Slideshows http://flickrit.com

Flickrit is a free slideshow maker that creates online photo slideshows from your Flickr and Instagram photos.


Galleries www.dynamicdrive.com

Dynmaic Drive offers a wide variety of free to use scripts but the most useful are their easy to use slideshows and image galleries. Some samples may not look the best but that is just the small uninteresting images being used.


Online Forms www.jotform.com

Jotform offers hundreds of form templates which can all be modified to suit your needs in terms of both content and style. From basic contact us forms to payment collections forms they have it all covered. you can also create a free user account to track all the form details and usage stats.


Create Favicon Icons www.favicon.cc

Ever wonder what the little image icons in the tab of your browser are called? or how they get there? Well they're called favicons and you can make your own with ease at www.favicon.cc by using their favicon editor or uploading an existing photo or graphic for conversion.

Visitor Comments www.htmlcommentbox.com

The HTML comment box is the simplest way to allows viewers to post comments about your web content on the website itself. Its a useful tools to get immediate feedback on an article and create a discussion place which keeps visitors returning to your website with the hassle of a full blown forum.


Newsletters mailchimp.com

Create automated newsletters for your business/website and allow visitors to signup online using Mail Chimps customisable signup widget. Users who sign up get added to your online database and once you create and send an e-mail or online newsletter it automatically gets sent to them all.


Code Validator validator.w3.org

Once you think you are finished the website or if you are just having trouble with an aspect of your web code you can use this validator. You can submit code as a file, as text or from a url and each time the code is checked and all errors are noted. Better still however - you can set an option to repair all code errors fro you too! Cool or what.


FTP filezilla-project.org

Filezilla is an open-source (GNU GPL) FTP client for Windows, Mac OS X and GNU/Linux. The Site contains a documentation wiki and a forum to help you get up to speed with using the software but to be honest it's pretty easy to use anyway.


Social Media Sharing www.addthis.com

Allow users to share your website info/articles with friends through social sites.


Converting Files www.online-convert.com

This free online file converter lets you convert media easy and fast from one format to another. We support a lot of different source formats, just try.


Website Templates 

We, along with our partners at Free Design Resources, have scoured the internet to create our very own list of where to get the best free web design templates. Huge collections of premium and free website templates across a range of web development platforms.



That concludes our list of recommended list of online web design and development resources but I will finish with an important reminder that one of the very best resources to assists you in creating a quality website is, and always will be, the web design process.

If you know of any more then please contact us via the form below and we might include them in our next list.



Monday, February 29, 2016

SEO For Images

SEO for images
Screenshot from the Google search results page


If your web graphics are optimized for Image search engines like Google they will help to generate an alternate source of traffic to your website. But unlike regular web search where we are more familiar with how search engines rank content, the rules associated with Image search rankings are very different and often based on assumptions.

Why do I say this ? Try a search for "Google" on Google Image Search. None of the top results show images from the actual Google websites or even associated websites. Now if you repeat the search for Amazon, none of the top 5 images displayed are from the official Amazon website. So how do individuals and small companies manage to stay ahead of corporate giants in Image search results? It's to do with image optimization techniques like the ones discussed below.

Regarding optimization, here are 6 simple things that you should keep in mind for getting good rankings in Google Images Search:

1. Image File Name

Use a descriptive image file name which includes keywords related to the content of the image. If your webpage has pictures of an old country farm house - use file names like 'old-country-farm-house.jpg' instead of the default camera file name like IMG_401.jpg. In this way you are providing relevant information about the image to Google rather than just a string of meaningless numbers or letters.


2. Alt and Title

Attach a 7-8 word description with both the ALT and TITLE attributes of the IMG tag. Make it a habit to use these attributes. An example could be...

<img src="old-country-house.jpg" alt="dilapidated old county farmhouse in countryside" title="country style farm house ageing and run down">

3. Discuss The Image

A short two line description of the image just beneath the graphic is the best way to describe an image. It can work wonders for your image search rankings as well. For a live example, read any news story on the BBC websiteThe HTML tags enclosing the image descriptions will also matter. A description alongside a heading enclosed in H3 or Bold tag will have more weight than the one with just a description enclosed in the paragraph tag.

4. Wrapping Text

If possible, try to wrap text around your images using the CSS code of "float", like the old country farmhouse image above. If you site design won't allow wrapping text or if the image is large in size, try to place the images near text that describes the context of your image. Web Photo Galleries which have no text on the page can make use of the Title and Meta tags to insert information about the images.

5. Image Position On Page

From personal observation Web Images placed at the top of the page are more likely to appear in search results than the ones which are at the bottom. They do not have to be at the very top of the page but certainly 'above the fold' images tend to perform better than those below the fold.

6. Image Size

Another personal observation is that images which are very large or very small tend not to do very well in the search results. Try to keep images at sizes which will be useful to others who may be looking for them. In my experience images around 600px x 400px tend to do well.


If you do decide to use some or all of these tips, please keep an eye on your image performance and let us know how you get on.


close
Banner iklan disini