Keith Best provides a tutorial on editing HTML sites for local businesses, emphasizing the importance of basic HTML knowledge and the potential need for host support to modify .htaccess files. He demonstrates how to add images, buttons, and forms, and explains the use of meta titles and descriptions. Keith highlights the Bootstrap grid system, which divides the screen into 12 columns, and shows how to embed YouTube videos and create custom layouts. He advises against using overlays for lead tracking and suggests using W3 Schools for further learning. Keith encourages viewers to subscribe for more tutorials and to leave comments for future content ideas.
Action Items
- [ ] @Keith Best – Add a metal roofing image header to the metal roofing service page.
- [ ] @Keith Best – Embed a relevant metal roofing video on the metal roofing service page.
- [ ] @Keith Best – Review and optimize the layout of the metal roofing service page, including adding additional content sections.
Outline
Editing HTML Sites for Local Businesses
- Keith Best introduces the topic of editing HTML sites for local businesses, emphasizing the need for basic HTML knowledge.
- He mentions that some hosts may block certain site overlays, requiring changes to the .htaccess file, which should be handled by the host.
- Keith shows a simple example of a home page with an image, a button, and a form, indicating the flexibility of HTML sites.
- He explains the importance of meta titles and descriptions, and how they can be customized for relevance.
Understanding Short Codes and Meta Information
- Keith discusses the standard layout of HTML sites, including city short codes, maps, and AI-generated content.
- He explains the use of short codes for location-specific pages and the importance of editing the actual code for more complex customizations.
- Keith reassures that editing HTML is not overly complicated and provides resources for learning, including YouTube tutorials.
- He demonstrates how to access the source code and make basic HTML edits, such as adding images and text.
Bootstrap Grid System and Column Layouts
- Keith explains the Bootstrap grid system, which splits the screen into 12 columns, allowing for responsive design.
- He shows how to create rows and columns using HTML tags, ensuring proper matching of start and end tags to avoid issues.
- Keith provides a detailed example of a column layout, including the use of div classes for different column widths.
- He emphasizes the importance of comments in HTML code to keep track of changes and structure.
Embedding Videos and Other Media
- Keith demonstrates how to embed a YouTube video on a service page, including the use of the embed code and HTML alignment tags.
- He shows the final result of the embedded video, ensuring it is centered on the screen.
- Keith discusses the importance of having a clear and concise URL for images, using Canva for temporary placeholders.
- He explains how to copy and paste media URLs into the HTML code for easy integration.
Advanced HTML Editing Techniques
- Keith continues to demonstrate advanced HTML editing techniques, such as creating multiple columns and embedding forms.
- He explains the use of Bootstrap classes for different layouts and the importance of matching start and end tags.
- Keith provides tips for organizing HTML code, including the use of comments and proper indentation.
- He shows how to copy and paste HTML elements between different sections of the code to streamline the editing process.
Finalizing and Publishing Changes
- Keith saves and tests the changes made to the HTML code, ensuring everything is functioning correctly.
- He demonstrates the final result on the live site, showing the embedded video and other customizations.
- Keith emphasizes the importance of testing changes thoroughly before publishing to avoid any issues.
- He provides additional resources for learning HTML and Bootstrap, such as W3 Schools, to help users further improve their sites.
Best Practices for HTML Editing
- Keith shares his best practices for HTML editing, including the use of overlays and the importance of tracking leads.
- He explains the benefits of using custom forms and phone numbers to ensure accurate tracking of leads.
- Keith discusses the importance of maintaining internal linking on location pages to ensure proper navigation.
- He encourages users to experiment with HTML editing and to seek help from their hosting support if needed.
Conclusion and Call to Action
- Keith concludes the video by encouraging viewers to subscribe for more tutorials and to leave comments for future content ideas.
- He reiterates the importance of HTML knowledge for customizing local business sites.
- Keith thanks the viewers for watching and encourages them to share the video if they found it useful.
- He signs off, expressing his enthusiasm for creating more helpful videos in the future.
Enjoy!
Why 3Local Benefits Local Businesses
Conventional SEO typically targets just one area at a time, while Google Ads only deliver results if you continually outspend your competition. Yet, over 90% of local customers search using both a location and a service.
At 3local, we implement a tried-and-tested method that builds SEO-optimised pages for every suburb, town, or village within your target region—tailored to each individual service you provide.
It’s the equivalent of having a highly targeted mini-site for every potential search your customers could make on Google.