HOW TO OPTMIZIE WEEBLY FOR SEO

WEEBLY SEO OPTIMIZATION TIPS

Now I really like Weebly; I think it's great for creating good-looking websites, easily and quickly.

Weebly is really simple to use, and my uncle and auntie both in their  70's use it for their Cannes website www.cannestouristinformation.co.uk.

​Take a look at it, they updates the news section everyday and is a really good and informative site for someone visiting or thinking about going to Cannes, in the South France.

What's more, with a Weebly Pro Account

• You can edit all of the HTML coding,
• Therefore, you can customize everything,
• Comes with a really useful stats checker that shows keywords visited pages and no of visitors,
• Online Contact Forms that save the filled out forms online as well as send you an email when someone fills one out.
• They obviously host your website, and you can add email addresses and additional user and admin staff.
• Great iPad and iPhone apps for keeping up to date with all your websites. (expired)
• And loads of other really cool and useful tools.

Endless Design options
Some people complain about a lack of designs or that they look all the same in weebly. But actually editing the design is so easy and you can make almost any tweaks you want to one of the already designed templates to make them more individual and unique, change the colours, fonts, etc and then you can save that design and use it again and again. 

Now Weebly is great and there are a few problems with it, but you can sort out just about all of the SEO limitations can be solved by simply adding or removing HTML. 

Editing HTML in Weebly
To get confidence in creating, adjusting, and editing HTML, I first created a website I was not going to use using a free weebly.com URL. And then I just played around with it.

My First Weebly SEO Tip - if you edit the HTML, always save it under a NEW NAME each time you make changes; do not save as MYTHEME. This way you can go back to a previously saved/used theme. Especially if you have multiple sites using the same theme - see below

Another Weebly SEO Tip - If you have multiple websites and they are all using the same theme / design if you edit one theme then all the websites using that theme with the same name will also be edited and will thus change. Now this is can be a good thing and a bad thing!

Rename Image Files
This is a bit tricky if your site uses lots of image files, you need to rename each file and then in the Main CSS coding using the new image name, best to do this one by one as you can get in a right kerfuffle! Choose your site's keywords, and this will really help with optimization.
I would keep the prefix of each file, such as top, bottom, left, etc to help remember which and where they go.

In Weebly, you can also delete any files or images you don't use, especially some of the colour variations. I would recommend you copy all the code across to a text file that you can copy back if you get in a mess. 

​SEO TIPS FOR WEEBLY

​Top Google SEO Tips for Weebly

HTML Tags - H1
Some Weebly designs/themes do not have H1 tags; some only have H2 or H3 tags. H1 Tags are not crucial, but they do define the most important header in your web page. 

Now you can add an HTML custom element and add H1 tags, but the font size, style, etc will not be right. You need to go into the design section of Weebly and basically copy and paste the H2 Tag and retitle it H1, and you can do this for H3, H4, and H5.

Make sure you add the H1 tag style to your CSS File

Text to HTML Code Ratio.
Google likes a good ratio between your Content and the actual HTML code of your website.  It should be above 15% as a minimum, but the more the better really. 

Now there is a lot going on in Weebly, and as it is an easy-to-edit web solution, there is a lot of coding that is not needed if it isn't being used.

Now, the first thing you can remove in Weebly is any of the page layouts you are not using. I just click on the page layout and delete all of the content or delete the page layout totally. This will vastly improve your text-to-HTML ratio in Weebly.

Next up is the main CSS code in Weebly you can delete any code that relates to those page layouts that you've deleted before and are not using.

Furthermore, you can delete anything else you don't use, like some of the Social Icons that you don't use or have. 

This can increase your text-to-HTML ratio by as much as 4-10%.

Meaning you need less content and you can be trendy with slicker, simpler designs.

Google Likes Speed
And Weebly is fairly quick
Lastly, delete any PNGs or jpegs images you are not using within Weebly. (but be careful, some are not obvious)

Use WebP files for smaller sizes images that load quicker

Google loves a webpage that is quick, and by removing excess HTML code and images you are speeding up the load time of your Weebly website.

CSS Style Sheets

Use as few elements as possible; this will also speed up your site. The more you use, the slower it gets.  But sometimes this can not be helped, as you limit your design possibilities.

Compress your image files to the right resolution and size. This one really does help speed up your website!

SEO TIPS

SOCIAL MEDIA

WEB DESIGN

INTERNET MARKETING

SEO CONSULTANT

DRIVE MORE TRAFFIC

PPC CAMPAIGNS

EXAMPLES

SEO PRICES

SEO BLOG

SEO LONDON BLOG

Weebly SEO Expert

As a Weebly SEO consultant in London, I carry out consultancy work for individuals, sole traders, small companies and large businesses.  Providing specialist SEO advice on several different levels in and around London. We help start-up businesses, new businesses and established companies. What's more, I am an expert in Weebly. And I have had fantastic results with Weebly for my clients and for myself. I'm a Weebly convert.

So what can a Weebly SEO Consultant do for you or your company?

• Provide unbiased behind-the-scenes technical advice on new and existing websites,
• Advise on best practices, web page structure, content, accessibility and performance, 
• Provide support and advice with Social Media, Online Marketing campaigns, PPC (Pay Per Click Marketing), Keywords,
• Design and build a new website and provide ongoing SEO Support and website management,
• Fix problems with existing Weebly websites, correct errors and improve site structure and on and off-page SEO,
• Provide SEO training and SEO workshops to help improve the knowledge of you and your web design team, article writers, content managers, bloggers, writers and SEO's.

​

IMAGES IN WEEBLY WITH LINKS THAT ARE NOT CRAWLABLE

One of the newer minor issues within Weebly is that some of the themes automatically add a link to any image that you might upload to the page. This essentially shows that the image is missing a link and therefore needs a link. While this is not a big deal, it can make some SEO Tools think that you have failed to add a link or that the link is uncrawlable. Below is what you might see.

CRAWLING AND INDEXING
Links are not crawlable
Search engines may use href attributes on links to crawl websites. Ensure that the href attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn how to make links crawlable

SOLUTION
The simple fix is to add a link from the image to another page, and this will stop this issue from being flagged up. But perhaps you don't want a link from your image! Then you can add the HTML code using the basic icon </> within the build section of your website. But this may be a bit tricky for some basic Weebly users.

Another Option that I will include in another section is that you can CDN (content delivery network) your image. 

HOW TO CHANGE SIZES AND COLOURS IN WEEBLY

How to change the size of a form in Weebly

I've recently had a few questions and posts from people are questions such as "How can I change the size of the contact form" and other elements within Weebly.

Well this is simply done by going to design options and then editing HTML/CSS

Particularly you want to edit the Main-style.CSS file, 

As you scroll down you will see the styles for all the elements contained within weebly.

You are looking for a section called Form Customization if you're looking to change the style, fonts and sizes of boxes.

At this stage I would recommend changing the theme to another name, that way you can revert to a previous theme if things go wrong or copy all of the CSS file information into notepad for safe keeping should you need to find or copy back the original coding.

---

OTHE WEEBLY OPTIMISATION TIP AND TRICKS?

Don't forget you can use many of the other optimisation tips and tricks posted on my Best Website Optimisation Tips page as the SEO tips here are very specific to weebly! But the others posted on the button link below will also work in Weebly and any other webiste builder!

Read more website optimisation tips

BEST APPS ON WEEBLY

I have collated a list of the best apps on Weebly

SEE THE BEST APPS ON WEEBLY

Image Optimisation in Weebly

One of the easiest ways to improve Weebly site speed and SEO is to optimise your images properly before you upload them. Images that are too large, too heavy, or exported at the wrong dimensions can slow the whole page down and make the site feel less responsive.
​
The best approach is to resize images to the exact display size you need before uploading them. If you upload a huge image and then force the site to scale it down, the browser still has to load the larger file first, which wastes time and can hurt performance. In other words, resize first, then compress.

Use WebP Files in Weebly where possible

WebP is a modern image format that is usually much smaller than PNG or JPG while keeping good visual quality. For most website photos and graphics, WebP gives you a better balance of image quality and file size, which helps pages load faster.
​
If Weebly allows you to upload WebP files on your plan or through your workflow, it is generally the better choice for most images on the site. PNG should usually be reserved for cases where you really need transparency or a specific graphic look, and JPG is best kept for compatibility or when WebP is not practical.

Pick the right dimensions

It is important to use the correct pixel dimensions for each image rather than relying on the browser to do all the work. For example, a blog image might only need to be around 800 to 1200 pixels wide, while a full-width hero image may need to be larger.
As a simple rule:

• Small images and thumbnails: around 400 to 600 px wide.
• Content images: around 800 to 1200 px wide.
• Larger full-width images: around 1200 to 1600 px wide.
• Very large hero or background images: only go bigger if the design really needs it.

If you upload an image larger than the area where it will appear, you are forcing the browser to process more data than necessary. That slows rendering and can increase page load time, especially on mobile devices.

Keep file sizes under control

As a general guide, keep most website images as small as possible without making them look poor. Many SEO and performance guides now recommend keeping content images well under 250KB where you can, with larger hero images only used when needed.
​
If you can get your images looking good at a lower file size, your Weebly site will usually load faster and feel lighter. That can improve both user experience and SEO performance.

Extra Weebly image tips

• Rename image files before upload so they are descriptive and relevant.
• Add alt text where possible to help accessibility and search engines.
• Remove unused images from your site files.
• Use the smallest practical version of each image.
• Test the page speed after uploading new graphics so you can see the impact.

Final note on image speed

The main thing to remember is simple: a well-sized, compressed WebP image will usually outperform a large PNG or JPG file every time. The browser cannot make a huge file small before loading it, so the smarter choice is to prepare the image properly first.

SEE HOW TO MAKE EXPANDABLE TEXT BOXES

if you need to make read more, expandable and collapsible text boxes in Weebly simply and quickly then click on the button link below.

WEEBLY READ MORE TEXT BOXES

Free SSL Cetificate with Weebly

Weebly, even with it's free websites come with a free SSL Certificate that is updated automatically, although in some cases with older websites  you may have to change your domains ip address to the new one they will supply you with in the settings.

Build Beautiful Websites with Weebly

See my Weebly Optimisation Tips

CODING FUNDAMENTALS

Websites are coded using these 4 main programming languages and are essential in building a website and can have significant effects on SEO including website page load speeds and functionality.

HTML

HTML stands for Hyper Text Markup Language and is the standard markup language for creating Web pages. HTML describes the structure of a Web page including content and elements within a page.
​

CSS

CSS stands for Cascading Style Sheets and can help save 
a lot of work and time when it comes to building a website. CSS controls the layout and style of multiple web pages all at once. This is Editable in Weebly

PHP

PHP Hyper Text Markup Language is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and alternative to Microsoft's ASP.
​

JS

JS stands for JavaScript  and enables you to create dynamically updating content, control multimedia, animate and images. It's very useful at making website fun, user responsive and interactive.

WE SEO FROM THE CODING UPWARDS