SEO Derby - Link Rot

Link Rot

What is Link Rot?

Link rot (or linkrot), also known as link death, link breaking or reference rot, refers to the process by which hyperlinks on individual websites or the Internet in general point to web pages, servers or other resources that have become permanently unavailable.

The phrase also describes the effects of failing to update out-of-date web pages that clutter search engine results.

A link that does not work any more is called a broken link, dead link, or dangling link.

Why is it so important?

Link rot indicates that a site is not being looked after. Not only is it hugely frustrating for users, but Search Engines like the all powerful Google now take note to the number of broken links on a site.

The more broken links, the more a search engine believes the site is not being looked after. So broken links can now contribute to your google ranking!

What can you do?

Well, we love this free online tool brokenlinkcheck.com.

SO we remain very grateful to its creators and to all of those very bright folk who share these tools freely for us all to use.

If you need to CoolPenguin Web Design to run a broken link check and correct or remove the offending code get in touch today – kevin@coolpenguin.co.uk

See you on the South Side,

Cool Penguin

Journal - The Best Opencart Template yet

The Best Opencart Template yet – Journal

As you can imagine CoolPenguin has developed a number of shops using Opencart and WordPress.

Often we will purchase an Opencart Template from Theme Forest on behalf of the user.

This not only speeds up development, but of course allows the user to get a look and feel for the shop very early on.

CoolPenguin is not affiliated with themeforest or any of the templates sold, but we do feel we should mention just how good Journal for Opencart is!

Journal - Opencart Template

Why is Journal for Opencart so good? Here’s why -

1) Firstly is affordable (let’s be honest $48 for a supported theme to bring your Opencart shop to life is not expensive. Imagine developing your own theme. It is arguably more flexible, but you have to deal with bug fixes and customer support.

2) Tried and tested, the number speak for themselves. Nearly 6000 sales and a rating of 4.89 out of 5 (98%).  It doesn’t get much better than that!

Journal - Opencart Template

 

3) Range of Demos – Look at the range of demos available – without tweaking a thing you have 10, yes 10 designs you can choose from and role out immediately.

10 Journal Demos

 

4) Documentation for the demos! – Yes DigitalAtelier has actually produced documentation for each of them demos and discusses how the pages have been made up.

See the Journal Support Documentation for demos – here

5) Well documented – The documentation in general is very good and the chaps there even added to it when we suggested something was lacking.

6) The module interface, look and feel – If you’ve seen the documentation, then you’ve seen the Journal Opencart Interface. Yes that’s true, their documentation is structure in the exact same way the module is. This makes it very easy to navigate.

7) The module interface, ease of use – you do not have to be a developer or code guru to get your Opencart shop working. Journal does all of the heavy lifting for you. You simply add your products, banners, categories and Journal asks you where you would like to put them.

8) And, their fabulous support. Don’t get me wrong they could benefit from a knowledge base or bbs to reduce their workload but my gosh, how good is their support. Remember how much you paid for their template (a mere $48) and those guys will do everything they can to get your shop working.

Seriously, we highly recommended The Journal Opencart template, and would gladly use it on on future Opencart projects.

“Five Stars from CoolPenguin Web Design -”

Journal Opencart Template - Five Stars from CoolPenguin

 

Here is an Opencart Shop using the Journal Template – LED Lamps UK 

Twitter The Best 140 Characters Ever

The Best 140 Characters Ever!

How can you make the most of your 140 Characters?

140 Characters isn’t a lot to promote your business.

So CoolPenguin felt it was time to share some key points on how to get the most out of Twitter for your business.

1) Choose a Twitter Name that is brand relevant and easy to remember.

Ours is @coolpenguinsays but to be fair if it hadn’t been taken we’d have gone for @coolpenguin.

2) Get rid of the egg and ensure your logo is used on Twitter. Don’t forget to add a cool title card as well. It is important to create brand consistency across your social media platforms.

3) Start a soon as you can, Twitter is not going anywhere.

4) Consider the boundaries of your posts, humour is good, but it can detract from your business aim. Try and create a good balance as all your tweets should not be about pushing sales.

5) Speak in proper English. Remember speaking like “c u l8tr” can create the wrong image for your business and while it saves you space it isn’t clear to everyone.

6) Twitter Karma – favourite relevant and entertaining tweets and retweet those tweets that can enhance your account. It is hoped that others with do the same for you.

7) Learn the structure of the language of twitter –

Use #hashtags to join a conversation about a specific topic

Use @coolpenguinsays to feature a specific Twitter user, or to message them directly

8) Use one or two #hashtags per tweet. Even with a low number of followers, hashtags take your tweet into a conversation for everyone looking at that topic. Maximum Exposure!

One hashtag we use is #Derby as it is where we are based. So if we have something going on locally we always use #Derby and we are surprised by the number of retweets we get.

9) Promote your Twitter handle as you would your email address. Add it to business cards, email signatures and all marketing material.

10) Be regular, but be relevant. Don’t use Twitter spuriously throwing out junk or only retweets. Create a balance between retweets and original material.

11) Link Facebook and Twitter. Yes Twitter can update your Facebook feed as well! Halve the work promoting relevant content.

12) Be social, respond to direct messages and thank people for following. It’s a chance to promote your services further and show you are human.

13) Thank your customers, and promote them if you can. A great way to network.

14) Make is shorter! Yes, try and get the length down and the content more striking.

15) Make every word count. Use words that show an action or make an impact. Avoid filler words, such as “which”

16) Don’t break up Tweets. If it needs to be longer get it on a blog.

17) It’s not all about you, get involved in your local community and relevant industry debates

18) Grammar does count, use upper and lower case and don’t be afraid to use appropriate symbols, like replacing “and” with “&” to save space

19) Don’t commit anything subjective, slanderous or illegal to a Tweet. We’ve all seen what happens to the occasional footballer. If you think it can cause offence, it will. The Twitttersphere is big and fickle.

20) Use images appropriately, they can really lift your tweets and make them stand out. A picture’s worth…. yadda yadda yadda (always wanted to say that)

 

So what’s a good Tweet? It’s hard to say, but we can show you good structure –

This is us promoting a customer’s services, while telling you that we wrote their website –

#derby #derbyis – need to replace your #lights with #LEDbulbs try http://www.led-lampsuk.com/ we did their #website

or

 

This is a Tweet where we included an image –

#derby #business – did you all see our new #LogoDesign. Can you spot the hidden #penguin? Choose us for #webdesign RT

new-logo-funky-penguin-top-right

 

 

See here for the most effective tweets ever written  (But if you really want to see something funny (adult humour) look at James Blunts best Twitter Comebacks!)

Until the next time, CoolPenguin.

CSS Tips - Class or ID

CSS – Class or ID?

It’s an old one but we still get asked –

People are often confused by class and id in CSS. The simple rule is id is for a CSS rule used only once and class is used for a css rule that is required more than once.

(Remember in CSS a class statement always starts with . and id starts with #)

ID

Use an id for elements that are used once and only once on a page

The HTML:

1 <div id=”content”></div>

The CSS:

1 #content {background: #fff}

Class

Use a class for elements that may be reused on the page

The HTML:

1 <p class=”large-text”>
2 </p>

The CSS:

1 .large-text {font-size: 1.4em}
10 Free Online Web Design Tools

10 Free online tools for aspiring web designers

We felt it was time to say thank you to all of those people who have created online tools to make web design easier. Here is a list of tools we regularly use when developing new websites. We would love to see people add tools to this list to create an online resource for others to use –

1) downforeveryoneorjustme.com - For checking a website is up

Talk about a self explanatory domain name! This website is the pinnacle of simplicity. if you think your site is not working, but you’re unsure if it’s a local issue, this site will test your website to see if it’s down for everyone or just you.

2) web-site-map.com - For creating a sitemap

Another handy tool, still not sure what a sitemap is? But you know you need it for SEO! Let this tool do the work for you. Just enter your url and away you go. Then upload the sitemap.xml to the root of your website using ftp or a file manager.

3) validator.w3.org/checklink - For Checking Broken Links

Broken links can negatively affect your position in Google and prove very frustrating for the user Experience. We appreciate that a manual check of links on growing websites in not feasible. Therefore, use a tool like this to work through the links on your website to ensure that the destination pages are still online.

4) convertico.com - For Creating Favicons

So you’ve created a lovely png or jpg to use as your favicon. You’re just not sure how to make it a .ico. Well don’t fear simply upload the file to this wonderful online service and hey presto you have your ico.

5) mcanerin.com – For creating a robots.txt

Well you’ve already got a sitemap, so now you need a robots.txt. Use this online tool to create another important file that helps your site work better with google and SEO.

6) dropbox.com – For sharing large or many files

Free online tools - Dropbox

It’s hard not to mention such an impressive free tool that has definitely established itself as essential in the last few years. Dropbox allows you to avoid issues with mailbox or attachment limitations. You simply upload your  files to dropbox and share the link with the recipient. It’s a great tool for moving information over the Internet.

7) iwebchk.com – For a quick SEO overview of your site

Free Online SEO report

One of the last truly free SEO reports available on the Internet. While it may not be as detailed as other more famous SEO report tools, iwebchk provides great insights on your website and how it feels the site could be improved to work better with search engines such as Google. it also provides a good overview of your social media presence.

8) paletton.com – For selecting Website Colour Schemes

Probably not as famous nor as complex as other tools such as the jquery theme roller paletton is a great little simple tool for research colours to use on your website.

9) smallseotools.com – A Collection of free SEO Tools

A collection of free Small SEO Tools

We’ve spoilt you with number nine as Small SEO tools offers a great range of free SEO tools. From keyword postion checkers to website speed checkers Small SEO Tools really does have a great deal to offer the aspiring web designer.

10) font2web.com – Create different font files for free

Why can’t all browsers work the same? Why God why? This is another issue of different browsers using different files, settings etc. So if you want o use a fancy font on your website but don’t have all the necessary files to make them work with each browser then this is the tool for your. font2web will also creates a CSS file and a demo HTML file to show you how to use on your website – using CSS @font-face.

—————————————————————-

Well if you’re still reading we hope you found this post useful. Additionally, we are happy to revisit this and keep adding to the list in an effort to share free online tools that can benefit us all. Additionally, it’s a huge thank you to those guys and girls that created these tools and shared them with the World for free. CoolPenguin salutes you.

 

Change the Adress of a Facebook Business Page

How to Change a Facebook Page Address

Hello everyone, we’ve been asked this a number of times in the past.

How do I change the website address for my business Facebook Page

Does your Facebook address look like this –

https://www.facebook.com/pages/BUSINESSNAME/212929708845110?ref=hl

Wouldn’t it be nice if it looked like this –

https://www.facebook.com/pages/BUSINESSNAME

So rather than keep answering this individually, we thought we’d quickly add the answer to our growing blog.

1) Log in to your Facebook account (duh!)

2) Change the way you are using Facebook to the account that has admin rights for your Facebook Business Page

3) Click the name of the business (as oppose to home) and then select settings

4) Select Page Info from the menu on the left

5) The select edit next to the facebook web address option (as shown below)

Change the address for a Facebook Business Page

 

6) Then select the change web address option and voila, no more numbers. A clear and presentable address for your Facebook Business Page

Facebook Image Sizes

Facebook Image Dimensions

When setting up a new Facebook Page for your business it is key that you get both your profile image and cover photo dimensions correct.

Facebook Cover Photo -

Facebook Cover photos need to be 851 pixels wide and 315 pixels tall. If you upload an image that’s smaller than these dimensions, it will be stretched to this larger size. The image you upload must be at least 399 pixels wide and 150 pixels tall but I that size would be stretched so far that any detail would be lost. Here is a cover photo we created for our customer led-lampsuk.com

Facebook Cover Photo - LED LAMPS UK - LEDS and BULBS

Notice how the text is spaced around the space that will be used by the profile picture and text.

To get the fastest load times for your Page, upload an sRGB JPG file that’s 851 pixels wide, 315 pixels tall and less than 100 kilobytes. For images with your logo or text, you may get a higher quality result by using a PNG file. Most decent graphics software like Photoshop and Illustrator will also have image optimisation settings. We will explain these in another article.

Facebook Profile Picture Size -

Page profile pictures are always displayed as a square and will be 160×160 pixels on your Page. The image you upload needs to be at least 180×180 pixels. We recommend uploading a square image. Rectangular images will be cropped to fit a square, where as larger square images will be reduced in size to display correctly. Your Page’s profile picture will also display next to your Page’s name around Facebook to represent your Page. Here is a Facebook profile picture we created to go with the cover photo above. It’s dimensions are 500 x 500 pixels and it has been optimised. However, it could easily be reduced in size to 160 x 160 pixels to increase download speeds. It has been decreased in size to 160 x 160 pixels for convenience.

Facebook Logo for LED Lamps UK - Bulbs and LEDS

You can be creative with how your Page’s profile picture and cover photo go together. On your Page, the profile picture is located 16 pixels from the left side of your cover photo and 176 pixels from the top of your cover photo.

Here is a really useful image that shows you the pixel dimensions for both the facebook cover photo and facebook profile photo

Facebook Cover Photo and Facebook Profile Photo Image Sizes

 

SEO Tips for 2014-2015

SEO Tips for the 2014-2015 football season

Here are Cool Penguin’s Top 10 SEO tips for the 2014-2015 Football Season

1) Time for the title – title tags are still king, it’s one of the first things google looks at. Combine them with snippets and make them sound natural.

2) Share with social media, social media is not going away and it’s gettting bigger. Share content on FB, Twitter etc to get maximum exposure.

3) Take advantage of long keywords. Short keywords like “chef” and “training” return millions of hits. But how about “training for chefs in Derbyshire and the East Midlands” it sounds more human, and returns more specific results.

4) Write in depth, long quality content. (The average site returned on Googles first page has over 2000 words!) – get blogging.

5) Use synonyms and related keywords. Make your content more relevant to end users by avoiding repeating a keyword in an effort to rank more highly. If your talking about training, include education, development, achievement, personal development, success etc.

6) Forget about keyword density, it’s so over. There is no evidence to say Google favours one density over another.

7) Write for humans, google is clever, (statement of the year just look how popular it is). Google prefers natural content written for humans not written for search engines. Just make sure robots can find it.

8) Validate, sitemap, robots and check broken back links. All a given and all remain really important.

9) Use Google ~ to find relate keywords. Add a tilde before a keyword and Google will help you by suggestion others!

10) Google+ power – it’s becoming a bigger and bigger player in the world of SEO. Get into google + to rank highly in 2014.

There’s many more SEO tips but that’s a great start for 2014-2015!