Overview of Upload Your Own HTML
Contents
Overview of Upload Your Own HTML
- Create a Professional Site Design
- Prepare Your Page
- Upload Your Page
- Upload Images and Supporting Files
- The Canonical Tag
Set Up Your Page Information and Content
The Upload Your Own HTML module combines the freedom to create pages in an HTML editor with the power of Solo Build It!'s database and its traffic-building systems.
Please keep in mind that you're responsible for the HTML coding on your pages. Like any Web host, it's not possible for SiteSell Support to act as HTML, CSS or JavaScript (etc.) consultants.
Create a Professional Design
You only get one chance to make a good first impression! So design a clean, welcoming and easy to navigate site design.
The ultimate goal of your website is to get the monetizing click. Your content and your site's personality give visitors a confident feeling that you are indeed an authority on the topic that you have chosen for your site. "Words" get that job done. But...
A great design sets a positive, receptive mindset. It will not make the sale, but it does set the stage for C T P to work its magic and lead to the M.
If you're not a designer, here are some pro-level "keep the glitz down" tips when creating your own template or customizing one of Site Designer's templates...
Design 101
-
Limit your color palette.
The use of too many color families is a tell-tale sign of an amateur. We amateurs love to snazz it up! But it distracts the visitor and "feels amateurish." So pick two to three complimentary colors.
Use a splash of color (spot color) for extreme accent points. Experiment with colorful elements within your site photos and other graphics. But limit the colors in the underlying images and background that make up your design.
The same holds true for font coloring.
-
Limit your special effects.
Even though the "cool" factor is alluring, use effects for impact, not as the basis of your design. Don't be tempted to apply every effect your graphics software or your HTML editor has just because they're there.
-
Design for the whole site, not the particular element.
It's the whole design that your viewers see. Each design element may look great, but what's the overall effect?
As you work with your graphics and HTML editor tools, get the big picture of the finished result by previewing your design frequently. Ensure that the design elements complement each other and deliver the overall mood and impact that you want your viewers to experience.
If building a profitable website is your top priority, reflect upon the above points seriously. Do not design just to please yourself. Well-known design and usability gurus recommend minimalist designs, including simple, clean navigation.
Why?
Because they "work."
Clean design and simple navigation are search-engine-friendly. The spiders can't see the design, but they do love easy-to-follow navigation! Humans, of course, are struck by both design and easy navigation. And ultimately, the engines track human response. So...
Simplicity rules!
There are three steps to successfully upload and build each of your pages...
Step 1 -- Prepare Your Page
Step 1 is, by far, the most important. And it doesn't happen in SBI!. It takes place on your computer and in your HTML editor.
In order to make best use of both your editor and SBI!, you need to follow a set of requirements for using the Upload Your Own HTML module.
Be sure to read all the Step 1 help before you start building your first page, since this is where you learn about these requirements, and the various features this module offers.
The requirements are listed in the Integration Guidelines. There you'll read about the types of files you can upload, the folder structure you need to use, and how to add tracking to outgoing links.
Next you'll learn about each of the various features and how to use each one. They include...
-
The ***NAVBAR*** tag or ***NAVBAR orientation=horizontal*** tag, for adding the SBI!-built navigation (vertical or horizontal) to your pages
If you want to center the horizontal navigation, use this... ***NAVBAR orientation=horizontal alignment=center***
-
SBI! Includes
-
The ***SOCIALIZEIT*** tag, for adding Socialize It! to your pages
-
The various Face It! tags, for adding Facebook Like buttons and Facebook comments to your pages
-
The ***PINIT*** tag, for adding the Pinterest Pin It button to your images
-
The ***WHATS-NEW*** tag (and its many parts), for adding a What's New Box to your pages
-
MailOut Manager's Newsletter Opt-in Form and MOM's template
-
Form Build It! Forms and the Thank You Page template
-
Content 2.0 Invitations and the C2 templates
-
Breadcrumb Trails
Step 2 -- Upload Your Page
Step 2 asks you three questions that will affect each page. Then it walks you through the selecting/uploading process.
Page Information and Options include the following...
-
What you need to do if this page is your home page.
-
Choosing whether you want to add this page to your navigation. This makes the uploaded page a Tier 2 page.
-
Choosing whether you want this page included in your RSS feed and your Blog It! page (this option appears only if you've set up RSS/Blog It!).
The help for selecting and uploading a page provides tips on naming your page file, and how to upload it to the SBI! server and database.
Step 3 -- Upload Images and Supporting Files
In Step 3, you upload any images and other files associated with this page. Other files include CSS files, JavaScript files, PDFs, and media files (audio and video files).
The Canonical Tag
There can be several different "versions" of each of your pages, at least in the eyes of the search engines...
-
www.domainname.com and domainname.com
-
www.domainname.com/ and domain-name.com/
-
www.domainname.com/index.html and domainname.com/index.html
-
and other combinations
So Google, Bing and Yahoo! adopted a way for you to ensure that only one version of each of your pages is indexed and ranked...
<link rel="canonical" href="https://www.domainname.com"> for the home page and
<link rel="canonical" href="https://www.domainname.com/file-name.html"> for Tier 2 and 3 pages.
You place this tag on the one page that you want the engines to index. The good news is that SBI! automatically adds the correct tag to each of your uploaded pages. There's nothing for you to do.
Unless...
If, for some reason, you have several versions of the same page (or almost exactly the same), you can manually add (in your HTML editor) the canonical tag for the page you want indexed into the head section of all the duplicate pages. SBI! doesn't add its canonical tag if there's already one present in the head section.
If, for example, www.domainname.com/a.html is the page you want indexed, you would add <link rel="canonical" href="https://www.domainname.com/a.html"> into the head section of...
-
www.domainname.com/b.html
-
www.domainname.com/c.html
-
www.domainname.com/ab.html
-
www.domainname.com/bc.html
-
etc.
This will ensure that the engines index and rank only www.domainname.com/a.html, thereby increasing that page's rank, since the content's ranking is not being split among several pages.