Items filtered by date: December 2014
Wednesday, 04 May 2016 18:26
Home Feature Grid
This grid is better when there is a left or right column. This utilises the inbuilt grid-layout feature of the joomlashine templates. From JSN Air.
Easy to start
JSN Airprovides unique mechanism of installing sample data on directly your current website. Just few clicks and the demo website is all setup.
Multiple Colors
6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and more.
Responsive Design
All JoomlaShine templates are equipped with responsive design feature making your website look beautiful in both smartphones and tablets..
Dedicated Support
In addition to comprehensive documentations in PDF format and online video, you also get support from friendly forum and dedicated support system.
Flexible Layouts
JSN Air layout system is very flexible and capable. JSN Air provides 36+ module positions allowing you to have multiple layouts configuration.
Popular extensions support
JSN Air works well with other Joomla popular extensions. JSN Air also has extended style that will automatically support for the display of K2 or Kunena component.
CSS
.template-feature-grid .grid-col .grid-col_inner {
padding: 15px;
background: rgba(249, 249, 249, 0);
border: 1px solid rgba(242, 242, 242, 0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.template-feature-grid .grid-col .grid-col_inner:hover {
background: rgba(249, 249, 249, 1);
border: 1px solid rgba(242, 242, 242, 1);
}
.template-feature-grid .template-feature-grid-icon {
float: left;
margin-right: 10px;
height: 90px;
padding-top: 10px;
}
.template-feature-grid .template-feature-grid-content h3,
.template-feature-grid .template-feature-grid-content p {
margin: 0;
margin-bottom: 5px;
overflow: hidden; /* Prevents text wrapping */
}
HTML
<div class="grid-layout template-feature-grid">
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-easy-start.png" alt="Easy to start" border="0" /></div>
<div class="template-feature-grid-content">
<h3><a href="http://quantumwarp.com/">Easy to start</a></h3>
<p><strong>JSN Air</strong>provides unique mechanism of installing sample data on directly your current website. Just few clicks and the demo website is all setup.</p>
</div>
</div>
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-star.png" alt="Multiple color" border="0" /></div>
<div class="template-feature-grid-content">
<h3><a href="http://quantumwarp.com/">Multiple Colors</a></h3>
<p><strong>6 major color variations</strong> for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and more.</p>
</div>
</div>
</div>
<div class="grid-layout template-feature-grid">
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-responsive.png" alt="Responsive Design" border="0" /></div>
<div class="template-feature-grid-content">
<h3><a href="http://quantumwarp.com/">Responsive Design</a></h3>
<p>All JoomlaShine templates are equipped with <strong>responsive design</strong> feature making your website look beautiful in both smartphones and tablets..</p>
</div>
</div>
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-support.png" alt="Dedicated Support" border="0" /></div>
<div class="template-feature-grid-content">
<h3><a href="http://quantumwarp.com/">Dedicated Support</a></h3>
<p>In addition to <strong>comprehensive documentations</strong> in PDF format and online video, you also get support from <strong>friendly forum</strong> and <strong>dedicated support system</strong>.</p>
</div>
</div>
</div>
<div class="grid-layout template-feature-grid">
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-layout.png" alt="Flexible Layout" border="0" /></div>
<div class="template-feature-grid-content">
<h3><a href="http://quantumwarp.com/">Flexible Layouts</a></h3>
<p>JSN Air layout system is very flexible and capable. JSN Air provides <strong>36+ module positions</strong> allowing you to have multiple layouts configuration.</p>
</div>
</div>
<div>
<div class="template-feature-grid-icon"><img src="/images/kb/2016/778/icon-love.png" alt="Customer Love us" border="0" /></div>
<div class="template-feature-grid-content">
<h3>Popular extensions support</h3>
<p>JSN Air works well with other <strong>Joomla popular extensions</strong>. JSN Air also has extended style that will automatically support for the display of <a href="/component/k2/?amp;view=itemlist&layout=category&task=&id=&Itemid=645">K2</a> or <a href="/component/kunena/?amp;view=home&defaultmenu=499&Itemid=800">Kunena component</a>.</p>
</div>
</div>
</div>
Published in
Packages
Wednesday, 04 May 2016 16:28
Fake Module container code for displaying demos in articles
When adding packages or code to my wiki it is sometimes need to show that code in context, which usually is a joomla module. So to that aim I have included some simple code below to emulate module positions and can be used safely in wiki articles. As with Joomla module positions they can be sub divided into mulitple modules so I have included a range below.
Single Module
Fake Module Content
<div> <div style="width: 30%; min-width: 180px; padding: 5px; margin: auto auto; border: 1px solid black;"> <p>Fake Module Content</p> </div> </div>
This might also be a good variant using min-width and max-width instead of percentage.
<div style="min-width: 180px; max-width: 300px; padding: 5px; margin: auto auto; border: 1px solid black;"> </div>
Double Module
Fake Module Content 1
Fake Module Content 2
<div style="float: left; width: 90%; border: 2px solid blue;"> <div style="float: left; width: 45%; min-width: 180px; padding: 5px; margin: 5px; border: 1px solid black;"> <p>Fake Module Content 1</p> </div> <div style="float: left; width: 45%; min-width: 180px; padding: 5px; margin: 5px; border: 1px solid black;"> <p>Fake Module Content 2</p> </div> </div> <div style="clear: both;"> </div>
Triple Module
Fake Module Content 1
Fake Module Content 2
Fake Module Content 3
<div style="float: left; width: 90%; border: 2px solid blue;"> <div style="float: left; width: 30%; min-width: 180px; padding: 5px; margin: 5px; border: 1px solid black;"> <p>Fake Module Content 1</p> </div> <div style="float: left; width: 30%; min-width: 180px; padding: 5px; margin: 5px; border: 1px solid black;"> <p>Fake Module Content 2</p> </div> <div style="float: left; width: 30%; min-width: 180px; padding: 5px; margin: 5px; border: 1px solid black;"> <p>Fake Module Content 3</p> </div> </div> <div style="clear: both;"> </div>
Header
I am not sure what the specific are of this one, but note the overflow statement
<div style="overflow: hidden; padding: 5px; border: 1px solid black;"> <p>Fake Header Content</p> </div>
Single Position
Fake Position Content
<div style="float: left; width: 90%; border: 2px solid blue;"> <p>Fake Position Content</p> </div> <div style="clear: both;"> </div>
More Styled Fake Module
Fake Module Title 1
Fake Module Content 1
Fake Module Title 2
Fake Module Content 2
HTML
<div class="demo-module-container" style="display: table; margin: auto;"> <div style="float: left; margin: 5px; height: 425px; width: 300px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent -moz-linear-gradient(center top , #fafafa, #dddddd) repeat scroll 0 0; border-color: #c9cbcd; border-radius: 0; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 8px 6px -6px black; outline: medium none; padding: 4px; transition: all 300ms ease-out 0s;"> <h3 style="padding-top: 5px;"><span style="display: block; line-height: 25px; text-transform: uppercase; padding: 5px 14px; color: #fff; text-shadow: none; background: #2D5E95 none repeat scroll 0% 0%; margin: none;">Fake Module Title 1<br /></span></h3> <div style="height: 360px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent -moz-linear-gradient(center top , #fafafa, #dddddd) repeat scroll 0 0; border-color: #c9cbcd; border-radius: 0; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 8px 6px -6px black; outline: medium none; padding: 4px; transition: all 300ms ease-out 0s;"> <p>Fake Module Content 1</p> </div> </div> <div style="float: left; margin: 5px; height: 425px; width: 300px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent -moz-linear-gradient(center top , #fafafa, #dddddd) repeat scroll 0 0; border-color: #c9cbcd; border-radius: 0; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 8px 6px -6px black; outline: medium none; padding: 4px; transition: all 300ms ease-out 0s;"> <h3 style="padding-top: 5px;"><span style="display: block; line-height: 25px; text-transform: uppercase; padding: 5px 14px; color: #fff; text-shadow: none; background: #2D5E95 none repeat scroll 0% 0%; margin: none;">Fake Module Title 2<br /></span></h3> <div style="height: 360px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent -moz-linear-gradient(center top , #fafafa, #dddddd) repeat scroll 0 0; border-color: #c9cbcd; border-radius: 0; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 8px 6px -6px black; outline: medium none; padding: 4px; transition: all 300ms ease-out 0s;"> <p>Fake Module Content 2</p> </div> </div> </div>
Published in
Design Elements, Styling, Effects and Code
Wednesday, 04 May 2016 16:12
Joomlashine Default Responsive CSS Boundary Statements
These are the widths and device responsive statements that Joomlashine uses throughout their temapltes.
/* These are the responsive code barriers as defined in Page builder and possibly normal Joomlashine Templates */
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
}
@media only screen and (max-width: 768px), (max-device-width: 768px) {
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
}
@media only screen and (max-width: 960px), (max-device-width: 960px){
}
@media screen and (max-width: 1400px) {
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
}
@media screen and (max-width: 1280px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 799px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 719px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 360px) {
}
Published in
Joomlashine
Tuesday, 03 May 2016 19:15
Default Joomla System Links/URLs (non-sef)
Joomla has fixed non-SEF URLs for a lot of things so I have started to put together a list of them here
These links might get parsed out by joomla so I will check back
- User Login:
index.php?option=com_users&view=login
Published in
Joomla
Tuesday, 03 May 2016 19:11
Advanced Portfolio Pro
This is the how to use advanced portfolio
General
- you can have nested categories
- there is an inbuilt media mamanger
Projects
- Projects are the individual Items
- a project has a list view and a details view (like mosets)
- you must create category before you can create a project
- you can select images or videos for the project type
- Either have a video gallery or an image gallery for the project
- you can upload mutiple images at once
- you can make 1 project featured
** From official project notes
https://extstore.com/support/documentation/components/advanced-portfolio-pro#usage
- Project URL: Enter a valid url in this field. This url will be used for Permalink button on the project's overlay (list view) and Launch Project in the project view (details view).
- Short Description: Give the project some short introduction lines that will be displayed on the list view.
- Description: Description has got the same role as a brief document of a project that provides specified information in the detailed page. (details view)
Categories
- This is just your basic container for the projects
- A category cand be used to group a load of projects together ie groups
Menu
- In the menu item it is possible to select which categories you want to display
Image Settings and their description
There is no direct control of gallery/slider image sizes. I have added it to the forum
These are where you can control the images, it can be a bit awkward at first but when you have read the list below it all makes sense.
General/Default Settings
- Configuration settings (General layout tab)
- Image quality
- File Locations
- Watermark
- Configuration settings (list layout tab) (thumbnails)
- Image width
- Image height – fixed height or auto to keep ratio with width
- Configuration settings (details layout tab)
- You can set the description box width (1 – 11, bootstrap?) which alters the image size by proxy
- There are no direct settings to control the sliding image sizes
- Configuration settings (transform tab) (thumbnails)
- These control animation effects when you hover over a thumbnail
- Scale – animate bigger or smaller
- Rotate – rotate the image
- Skew – like ringing a cloth or trapezium shape
Category Settings
- Category (Options Tab)
- Image – set an image for the category
Project Settings
- Project (Project Options Tab) per project setting which will override the defaults
- Description Width (on details page)
- Image width (project thumbnail)
- Image height (project thumbnail) – fixed height or auto to keep ratio with width
Menu Item Settings
- Menu Item (list layout tab) - will override the defaults
- Scale (project thumbnail)
- Rotate (project thumbnail)
- Skew (project thumbnail)
My Prefered Settings
Apply these settings or as required
- Project details description width = 6
My Fixes
These fixes should all be applied as needed
List styling is turned off / Enable bullet list icons
This prevents me adding any custom icons for my list items or just using the themes.
In media/com_advportfoliopro/css/style.css line 749, I disabled the following block of code
.portfolio-module ul, li {
list-style: none;
padding: 0;
margin: 0;
}
'Go Back and 'Launch Project' Buttons are not in the middle
/* Launch Project Button to the middle */
.project-wrapper .project-link {
margin: 18px 0;
padding: 10px 0 0;
border-top: 1px solid #E5E5E5;
}
style.css:691
+ text-align: center;
/* Go Back Button to the middle */
.btn-go-back {
border: medium none;
color: #ffffff;
font-size: 16px;
margin: 15px 0;
padding: 15px 30px;
text-align: center;
text-decoration: none;
transition-duration: 0.4s;
background: #008cba;
border-radius: 4px;
}
style.css:654
+ display: block;
+ margin: auto auto;
Does not work well because it is in a 100% width div spanning both columns
Change Launch Project Name
It is controlled by
COM_ADVPORTFOLIOPRO_LAUNCH_PROJECT="Launch Project"
Override / Change in language translation thing via Joomla
- Make sure you select site and English before creating a new override
- Call it ‘Launch Website’
Make list items same height
- jsn-time changes it to uses class 'jsn-com-advportfoliopro' and not 'com_advportfoliopro'
- .com_advportfoliopro is not 100% required
This is my first attempt to keep all of the list ietms the same height. It is better than nothign but there seems a bit of difference between how Firefox and Chrome handles this.
/*-- Advanced Portfolio - unify list item height --*/
/* - This is not 100% - */
.com_advportfoliopro .project-item-meta {
min-height: 300px;
}
@media only screen and (max-width: 975px) {
.com_advportfoliopro .project-item-meta {
min-height: 400px;
}
}
@media only screen and (max-width: 783px) {
.com_advportfoliopro .project-item-meta {
min-height: 650px;
}
}
@media only screen and (max-width: 631px) {
.com_advportfoliopro .project-item-meta {
min-height: 700px;
}
}
/* (this is where 3 columns goto 2 columns) */
@media only screen and (max-width: 615px) {
.com_advportfoliopro .project-item-meta {
min-height: 400px;
}
}
Building a Portfolio
Image Names and Sizes
You need images for your protfolio item so these are some pointers on their sizes and names. I use Firefox addon called Fireshot
suggested sizes
- Thumbnails - 100x100, 300x300, 600x600 (all square)
- Project Details - 1280x720, 640 x 320 (all widescreen). You can use other sizes if they keep the same ratio.
Suggested Names
All pages have these areas so do not need a page name in. The header will either have the slider or not, you do not need 2 images, one with and one without.
- Header
- Content
- Footer
- Special images (gallery.jpg, testimonals.jpg...)
Special features, they do not need page references
- gallery
- testimonials
- thumbsgallery
- contact-form
Aquire an image with FireShot
This is quite straight forward when you have got things configured. Using Firefox:
- install FireShot addon
- install webdeveloper toolbar addon
- create a custom 'Resize Dimension' in the webdeveloper toolbar
- Goto Resize menu --> Edit Resize Dimension
- add a new dimension called 'Advanced Portfolio' with the dimensions 1313 x 720. (The weired dimensions account for the scroll bars and once an image is taken the dimensions end up correct)
- Under the 'Resize' menu select 'Advanced Portfolio' to resize the browser windows
- take an image with FireShot by clicking the 'S' icon in your toolbar at the top (or wherever)
- verify the image's dimensions
Workflow to create 1 list item
Here I will outline the rules I used for makinga single project item. These are obviously forcused on websitres but can easily be applied to other variations.
- Create a Category called ‘Website Portfolio’
- Pick a website
- Get the images
- Screen grab the pages of the website (1280 x 720 – use FF FireShot window resize)
- Keep originals and always use ‘save as’
- Currently all images need to be the same height otherwise the gallery/slider goes up and down to show each slide.
- Take images of specific areas (1280 x 720 or possible 640 x 360) using the Fixed Size select tool in Paint.Net (use pixels)
- When using selection tool be very careful you have got all of the area selected. It is very precise
- Zooming in helps
- Images should be W x H – alter in paint.net as needed (all need to be same size details = 620x400 thumbnails = 300x300, image width 8, detail width 4)
- Use 1280 x 720 and 90% quality jpg (set FireShot to 1313 to get 1280 images this is because of the scroll bars width)
- Create thumbnail (home-page or other image) – using paint.net
- get full home page image
- set the secondary colour to e6e6e6 / ececec
- expand canvas width to match height giving a square (note the secondary colour will fill the gap
- resize to whatever (300x300)
- save as jpg 90% quality
- Create a project - Use the JSN Template name for the Project
- Short Description - Write a 1 line describing the template
- Long description – bullet point the aspects of the theme (maybe add things like the slider)
- Create a folder for the template – should be the same as the project name
- Upload the altered images to the CORRECT folder
- Give the images titles in advanced portfolio (as per rules)
- Set the thumbnail
- (optional) add each entry to the demo toolbar. The short description and thumbnail (resize to 100 x 100, the extstore demo resizes 600 x 600 to 100x100 lol)
- Order of images
- Header
- Content
- Footer
- Special images (gallery.jpg, testimonals.jpg...)
- Advance Pro image names/titles – Just capitalize the image name ie 'content' --> 'Content'
Examples
Short Description (HTML)
<p>A light and versatile modern theme ideal for small companies who want to be presented as professional but accessible.</p>
Long Description (HTML)
<p> </p>
<ul style="display: table; margin: 0 auto; list-style-image: url('/images/common/tick.png');">
<li>Responsive / Mobile Friendly</li>
<li>Light</li>
<li>Modern</li>
<li>Versatile</li>
<li>Animated Slider</li>
</ul>
Keywords
- Responsive / Mobile Friendly
- Clean
- Simple
- Dark
- Versatile
- Modern
- Fresh
- Adaptable
- Animated Slider
- Professional
- Slider
- Funky
- Light
- Eye Catching
- Visually Attractive
- Corporate
- Impressive
- Unique
- Informative
- Popular
- Accessible
- SEO Friendly
- Expandable
- Inspired Design
- Warm
- Easy to look at
- Refreshing
- Straight Forward
- Multi Purpose
- Family
- Homely
- CTA
- Call To Action
- Increased Conversion
- Elegant
- Colourful
- Functional
- Interesting
- Memorable
- Personal
Notes
- The thumbnail are not cropped but ‘strectch by X-axis’.
- Having images in the gallery of different heights can cause the cycling of images to be a bit crap. As it goes up and down
- All images use the cached reduced quality version
- Gallery is in a responsive modal box so there are no settings for this but does use the cached version
- don’t forget it has a search plugin, smart search plugin and carousel module
- contains the actuall script
- C:\Desktop\com_advportfoliopro_v3.8.1_j3\media\js\script.js
- C:\Desktop\com_advportfoliopro_v3.8.1_j3\site\views\project\tmpl\default_images.php
- /public_html/components/com_advportfoliopro/views/project/tmpl/default_images.php
- transform tab description should make a note that it is the thumbnail animation
- When you make all images have the same heigh (720px), some are thinner than others because they are stretched along the width and then then grow taller because of this to maintain ratio.
- Autoheight – changes the physical size of the container, id does NOT resize the image
- Owl carousel is the library used and is not good at image resizing
Published in
Joomla Extensions
Wednesday, 27 April 2016 18:19
Template Width
In Firefox (using Dona)
- 1211 / from wide to narrow
- 976 / 976 is the firefox change over from desktop to mobile
Max-Width
The following code snippets will allow you to set the maximum width (max width, max-width) of your joomlashine template in various guises.
NB: You can also get this code from you joomlashine template by setting the template to a fixed width and look at the source code. Usually at the top you will see the code fixing the width. Just copy this and alter it as needed, i.e. set max-width only to stop templates going mental.
I also need to see which ones actually work and how specific to a particular template they are.
/* Reta - Max Width */
#jsn-pos-topbar,
#jsn-topheader-inner,
#jsn-header-inner,
#jsn-promo-inner,
#jsn-pos-content-top-over,
#jsn-pos-content-top,
#jsn-pos-content-top-below,
#jsn-content_inner,
#jsn-content-bottom-over-inner,
#jsn-content-bottom-inner,
#jsn-content-bottom-below-inner,
#jsn-usermodules3-inner,
#jsn-footer-inner,
#jsn-menu.jsn-menu-sticky,
#jsn-nav-inner {
max-width: 960px;
}
/* Force max width - Untested */
#header-inner,
#jsn-header-inner,
#jsn-topheader-inner,
#jsn-promo-inner,
#jsn-content,
#jsn-footer-inner {
max-width: 1000px;
}
/* Fixed width website */
NB: there is dynamic css in the html and this is where i have got this.
#jsn-page,
#jsn-menu.jsn-menu-sticky,
#jsn-pos-topbar {
width: 1200px;
min-width: 1200px;
}
/* set max page width */
#jsn-pos-topbar,
#jsn-headerright-inner,
#jsn-header_inner2,
#jsn-content-top_inner,
#jsn-content,
#jsn-promo_inner,
#jsn-pos-content-top_inner,
#jsn-footer_inner,
#jsn-content-bottom_inner {
max-width: 1024px;
}
Responsive Triggers
/* Prevent template going responsive for devices with screen size 1024px or above */
/* All devices with screen size 1024px and above will be forced to 1200px wide layout */
@media only screen and (min-device-width: 1024px) {
#jsn-page,
#jsn-menu.jsn-menu-sticky,
#jsn-pos-topbar {
width: 1200px;
min-width: 1200px;
}
}
/* Force Desktop Version for screens 1024 and above */
/*@media only screen and (min-width: 1024px), (min-device-width: 1024px) {*/
/*@media only screen and (min-device-width: 1024px) {*/
@media only screen and (min-width: 961px), (min-device-width: 1024px) {
#jsn-page,
#jsn-menu.jsn-menu-sticky,
#jsn-pos-topbar {
width: 1200px;
min-width: 1200px;
}
}
Published in
Joomlashine
Sunday, 20 March 2016 15:31
Convert Windows 10 MBR System disk to a GPT hard drive type
Why Convert from MBR to GPT hard drive type?
The reason for these instructions is that at some point if you might need to change your windows system disk from a legacy MBR hard disk type to the new style GPT format without loosing data to take advantage of the following features.
- Hard drives larger than 2.2TiB
- UEFI
- Secure Boot (allows only signed drivers to be loaded by the OS)
MBR and GPT default partition layouts
It might be helpful to see what the default layout on a Windows 10 installation for both disk types so I installed Windows 10 on the same Corsair 120GB SSD under both disk types and took images of their various partition settings in both the Windows Disk Management and the Paragon Disk Manager.
MBR
Windows Disk Management
Paragon Hard Disk Manager
GPT
Partition Names
- Recovery
- System (EFI)
- Reserved (MSR)
- Primary (Windows System)
Windows Disk Management
Paragon Hard Disk Manager
The Instructions
Before continuing
BACKUP your whole drive !!!!
These instructions preserve the recovery partition and the default partition layout exactly like they would be on a fresh default installation of windows 10 on a GPT/UEFI installations. There is a reason for windows having a default layout so without knowing I prefer mine to be the same.
Your files and settings will be preserved.
Absolute Minimum steps required (To convert from MBR to GPT)
These 4 steps are only to remind the advanced user or those messing about.
- Convert drive to GPT
- Create an EFI partition
- Run bcdboot command to repair the boot config
- A 64-bit UEFI PC with it enabled in the BIOS
Notes
- When I refer to the Paragon Boot Disk I am using the WinPe version and I always goto the full manager
- If paragon asks about processing a RAW partition just click ok.
- All of these instructions referrer to Windows 10 x64
Prerequsites
- Your live PC with its data and HDD
- A spare HDD
- An external USB HDD
- Paragon Disk Manager 15 Premium
- Windows 10 boot disk
- Reprofiler - for correcting broken Windows User Profiles
- Windows Repair v3.8.4 Released - To repair permissions
Stage 1 – Make GPT/UEFI Windows Image
We need to make an image file for a fresh installation of Windows 10 using the UEFI /GPT system.
- Install the spare hard drive in to your computer as the sole hard drive (removing your current live HDD)
- Make sure the computer is configured to boot via UEFI
- Boot from the Paragon boot disk
- Make sure that the new hard drive is configured as a GPT hard drive, if not, delete everything on the HDD and make it in to a GPT hard drive (right click on the drive etc…) but do not create any partitions
- Save the changes and power down the PC
- Boot of your Windows 10 boot disk and install windows 10 64bit
- Once windows 10 is installed power down the PC
- Attach your USB hard drive and boot of your Paragon boot disk
- Image the whole hard disk holding the windows 10 installation to an image file located on your external USB HDD
- You now have a suitable windows 10 image file for the next stage. You could also have used the hard drive directly but it can make things a bit messy. My way has fewer issues as you always know which drive is which.
Stage 2 – Configure New Partitions and Disk Type on your Live Drive
- Re-install you original disk back into your PC removing the spare HDD
- Keep your external USD HDD attached
- Configure the PC BIOS to boot legacy/MBR mode
- Boot of the Paragon boot disk.
- Working on the PCs internal HDD.
NB: all disk operations can be queued and applied in 1 go but if you find gaps in-between your partitions consider doing each step separately:- convert to GPT (Right click on the internal/live HDD)
- Delete the ‘Recovery’ partition
- Resize the C: partition 120mb smaller and have the free space appear before it
- In to the free space I want you to restore the following partitions, in order, from the image file we made earlier. Do not add drive letters
- Recovery (450mb)
- NO NAME /EFI (100mb)
- MSR (16mb)
- If there is space between the C: partition and the MSR partition (the last one just added), resize the C: partition again to remove the gap.
- Apply all changes.
- Turn the PC off
- Disconnect the USB hard drive
Stage 3 – Correct the Boot Record on your Live Drive
The disk is now converted and all the partitions are in place but Windows will still not boot. You now need to correct booting information in a process similar to repairing a MBR or BCD.
- Configure the Bios to boot from UEFI
- Boot off the Windows 10 boot disk.
- Load the command prompt (shortcut = Alt + F10)
- Run diskpart
- Type: select disk 0
- Type: list volume
- The volume list is now shown
DISKPART> list volume Volume ### Ltr Label Fs Type Size Status Info ---------- --- ----------- ----- ---------- ------- --------- -------- Volume 0 D ESD-ISO UDF DVD-ROM 5605 MB Healthy Volume 1 C NTFS Partition 111 GB Healthy Volume 2 Recovery NTFS Partition 450 MB Healthy Hidden Volume 3 FAT32 Partition 100 MB Healthy Hidden
- Your windows system disk should have the drive letter C:, if not set it to C:
- Type: select volume 1
- Type: assign letter=c
- We need to give the EFI partition a drive letter S:. The EFI partition is 100mb and in this example volume 3 so:
- Type: select volume 3
- Type: assign letter=s
- We have now finished with diskpart
- Type: exit
- Type: bcdboot c:\windows /s s: /f UEFI
- Type: exit
- Turn your PC off.
- Make sure your bios is set to boot UEFI Secure Boot
- Reboot the computer making sure you have removed the windows 10 boot disk
- Your windows installation should now load
Full diskpart command routine
Microsoft Windows [Version 10.0.10586] X:\Sources>diskpart Microsoft DiskPart version 10.0.10586 Copyright (C) 1999-2013 Microsoft Corporation. On computer: MININT-5HVULE8 DISKPART> list disk Disk ### Status Size Free Dyn Gpt -------- ------------- ------- ------- --- --- Disk 0 Online 111 GB 6144 KB * DISKPART> select disk 0 Disk 0 is now the selected disk. DISKPART> list partition Partition ### Type Size Offset ------------- ---------------- ------- ------- Partition 1 Recovery 450 MB 1024 KB Partition 2 System 100 MB 452 MB Partition 3 Reserved 16 MB 552 MB Partition 4 Primary 111 GB 572 MB DISKPART> list volume Volume ### Ltr Label Fs Type Size Status Info ---------- --- ----------- ----- ---------- ------- --------- -------- Volume 0 D ESD-ISO UDF DVD-ROM 5605 MB Healthy Volume 1 C NTFS Partition 111 GB Healthy Volume 2 Recovery NTFS Partition 450 MB Healthy Hidden Volume 3 FAT32 Partition 100 MB Healthy Hidden DISKPART> select volume 3 Volume 3 is the selected volume. DISKPART> assign letter=s DiskPart successfully assigned the drive letter or mount point. DISKPART> exit Leaving DiskPart... X:\Sources>bcdboot c:\windows /s s: /f UEFI Boot files successfully created. X:\Sources> exit
Stage 4 – Correct User Profile Issues (optional)
If when your windows 10 for the 1st time it is asking you to create a profile before continuing, this is because there as some permission issues with the user profiles so to continue:
- At the user creation form/prompt, create a profile called uefi and don’t give it a password
- You have now logged on using the new account.
You need to do the following to fix it to re-establish the link between the user accounts and their profiles and correct the relevant permissions:
This fix might be useful to run even if you don’t appear to have problems (I have not verified this).
- Enable the administrator account via an administrator level command prompt
net user administrator /active:yes
- Log off the uefi user and login in to the administrator account
- Download the reprofiler program
- Run reprofiler and reattach the user accounts to their correct profile location as per the instructions on the reprofiler website
- Reboot your computer and make sure your old accounts work as they should
- Now disable the administrator account via an administrator level command prompt
net user administrator /active:no
- Delete the uefi user if it is no longer needed
- Your profiles are now fixed
Stage 5 – Things are not quite right (optional)
Are there services that are not running or things seem to be missing, then it is likely to be permissions across the windows install that is wrong. This however is easily fixed
- Download windows AIO repair from tweaking.com
- Boot into safe mode
- Run the software and repair
- Service Permissions
- File Permissions
- Registry Permissions
Stage 6 – Multiple boot options appear
When you load windows you keep getting prompted which install your want to use. To remove this you need to delete the unwanted OS reference.
- From the run menu load MSCONFIG
- Goto the Boot tab
- Delete the rogue entry and save the changes
Links
MBR --> GPT Conversion
- Converting Windows BIOS installation to UEFI - TechNet Articles - United States (English) - TechNet Wiki - Nehal J Wani based his work on this original solution and I have also taken the boot correction aspect from here.
- How to Convert Windows 7/8/8.1/10 Installation from Legacy to UEFI Without Data Loss! - YouTube - A video on how to convert MBR to GPT without data loss - Nehal J Wani
- Convert Windows 7/8/10 Installation from Legacy to UEFI Without Data Loss (Simpler Method) - YouTube - A video on how to convert MBR to GPT without data loss - Nehal J Wani
- Convert MBR to GPT using Macrium Reflect. See description for the steps. - YouTube - How to move you windows installation to a GPT Hard disk and boot it, no conversion method
- How to Convert MBR to GPT Disk in Windows 10 / 8 / 7
- Convert Disk between MBR and GPT in Windows 10 without Data Loss
- Converting MBR to GPT for EFI boot? - Windows 10 Forums
- Installing Windows 7 on UEFI based computer | Ask the Core Team - This shows different sizez for the EFI and MSR partitions for Windows 7. You should use the sizez for Windows 10.
Diskpart
- How to Use the Diskpart Utility to Assign and Remove Drive Letters | How To Geek
- Assign, change, or remove a drive letter with Diskpart | TechNet
Other
Published in
Windows 10
Sunday, 13 March 2016 16:09
Virgin Mobile - Configure MMS and Internet
These instructions show you how to setup Picture messaging/MMS and internet on your mobile phone.
Automatic SMS Based setup instructions from Virgin Rep
Instead of manually configuring the APN you can use the links from virgin to automatically configure you phone (just like ringing virgin and getting them to do it)
- goto http://www.virginmedia.com/
- click mobile
- click help (on top row)
- click mobile (in that weired shape)
- look under device supprt and click 'Phone Support' (Click Here)
- click search for my phone samsung note 3 (or select from the list), this gives manual settings. For some reason the 'internet' option is not in the fact thus not giving you a link, this is why you have to go via another phone to ge to the page wherte you can send the text messages your self.
or - seach for samsung s6 / click on samsung s6
- expand the internat faq option
- click on 'How do I manually enter the Mobile internet & Picture Messaging settings?'
- at the top of the new faq section there is a link 'click here in the sentence:
- To download the right ones, just click here
- click search for my phone samsung note 3 (or select from the list), this gives manual settings. For some reason the 'internet' option is not in the fact thus not giving you a link, this is why you have to go via another phone to ge to the page wherte you can send the text messages your self.
To manually set up follow these instructions:
- click the 'click here' link
- this displays the options to set up the samsung s6 by sending a text message, this is not the phone i want, so click "Not your phone? Choose another"
- now search for the 'Samsung SM-N9005 Galaxy Note 3' and click it
You are now able to send the SMS message to configure you samsung note 3.
Direct Page Links
- Phone Settings - Choose your manufacturer
- Phone Settings - Choose your manufacturer (Samsung selected)
- Phone Settings - Samsung SM-N9005 Galaxy Note 3
Notes
- The PIN is usually the last 4 digits of your phone, if required
- Setting up the APN settings from the virgin site (as per that link for that other samsung phone i used) gets you on the internet on striaght away (possibly because i was alreay on though) and configures the MMS.
- MMS does not work straight away, you have to:
- reboot your phone so it registers the new functionality on the network (educated guess)
- possibly send a MMS message to activate the server. (this seems stupid and I am not 100% this is require anymore). You can send this message to your own.
Published in
General
Sunday, 13 March 2016 16:06
My IP Camera Notes
I need to figure out how to discover the URL for a specific camera.
- Br401/801 is compatible with our cameras
- The ip cam viewer software worked with our cameras selecting KGurad BR401/801
- Only port 9000 is needed as this supplied the rtsp feed and authentication
- Other software
- Blue iris
- Ispay
- Webcamxp
- Ip cam viewer has a camera scanner to autodetct what sort of camera you have
- How did livesey aquire the url
- Most cheap shitty cameras are probably rtsp
- Ip camera also has a webserver (which I have not got to work yet)
- The camera stream 9000 needs to be TCP, this is also refered to as the media port
- Port 80 is only for the web interface and does not work outside internet explorer on windows XP. This is not required for viewing cameras remotely
- The stream is probably RSTP and is instigated by a get request using a particular string.
- 18004 seems to be exposed aswell
Published in
Hardware
Saturday, 12 March 2016 17:24
My SEO Notes
The following is my research I have done on the various aspects of SEO. The notes are not fully soreted and probably could do with a going over but it is a good start to see what things affect SEO.
General SEO
- https is better for seo
- mobile responsive is better for SEO
- each main page (not homepage) must be all optimised for one key word. the pages are linked from the hompage ie nav - see lesson 10.
- try not to have a website with no more that 3 levels (ie subcategories)
- Create Sitemap xml
- submit sitemap to google msn yahoo etc..] (do last)
- create google account
- verify website with yahoo google msn
- google places/business ?
- Register site with google yahoo ie webmaster tools
- check for missing meta data
- <h1> and <h2> Tags – h1 most important
- after intial lauch the site gets 2 – 3 weeks serps enhancmnet
- utilise error pages
- Successful websites tend to have a number of factors in common:
- Useful and appropriate information
- Ease of navigation on the site
- Quick response time
- Excellent product information flow
- Good quality copy - original and readable
- Friendly layout
- Strong visibility on the major search engines
- [Moz Ranking Factors] Ranking Factors Home - Moz
- How Google Uses Joomla Meta Title, Description and Keyword Tags - Compassdesigns.net
- A VISUAL GUIDE TO KEYWORD TARGETING AND ON-PAGE SEO - Moz
-
Sandbox - Where Websites can go.
-
Whereas all types of sites can be placed for scrutiny in the Sandbox, it is more of a threat to the new websites seeking rankings for highly competitive keyword phrases.
-
For those who are anxious to know how long does the site stay in Sandbox, the answer is it varies from one to six months, with three to four months being the normal duration. The simple rule is the more competitive the usage of keyword, the longer the site spends in the Sandbox.
- make sure you visit the new site with google chrome as this browser definately sends metrics back to google. perhaps the same with edge and microsoft for bing.
- One of my new sites on a new domain on a new server was found with 24 hours of me visiting the site with Google Chrome for the first time. I know this because all of the development work was done in my preferred browser, FireFox.
- maybe visiting a few pages with edge and chrome will help send metrics back to the search engines. I dont know if Edge and Bing have a relationship but it cannot harm.
- bing is literal about www and non-www sites when doing a direct search, perhaps google does a little of this. This makes it important to have a cannonical url/domain.
- Dont ignore search results on Bing and potential Yahoo. You might find that a well design site ranks on them all in the same way.
- Creating a Google Webmaster and bing Webmater Account is a useful thing and I am sure it helps with ranking or at minimum getting content found and spidered.
Sections
On-Page Optimization
- Use the keyword in the title tag at least once, and possibly twice (or as a variation) if it makes sense and sounds good (this is subjective, but necessary). Try to keep the keyword as close to the beginning of the title tag as possible. More detail on title tags follows later in this section.
- Once in the H1 header tag of the page.
- At least 3X in the body copy on the page (sometimes a few more times if there's a lot of text content). You may find additional value in adding the keyword more than 3X, but in our experience, adding more instances of a term or phrase tends to have little to no impact on rankings.
- At least once in bold. You can use either the <strong> or <b> tag, as search engines consider them equivalent.
- At least once in the alt attribute of an image on the page. This not only helps with web search, but also image search, which can, occasionally bring valuable traffic.
- Once in the URL. Additional rules for URLs and keywords are discussed later on in this section.
- At least once (sometimes 2X when it makes sense) in the meta description tag. Note that the meta description tag does NOT get used by the engines for rankings, but rather helps to attract text used by the search engines).
- Generally not in link anchor text on the page itself that points to other pages on your site or different domains (this is a bit blog post for details).
- check for errors on website with google webmaster tools
- off page development
- submit to directories + local directories
- 1 way links have higher value
- distrubute article with your website name in it
- when creating an article
- make sure your keywords are in the tile
- make sure you web address is in the footer
- make keywords in article link to your site
- on page reviews
- clear call to action
- rel next, rel previous cause a series to be classed as one item rather than leaking link juice when paginated.
- rich snippets can be good
- automatic meta data? This can be a bad thing?
- 300 words minimum on a webpate (and this is not good)
Title Tag / Meta Title / Page Title
- The Title Tag is located at the top of your html page
- When you open your page in a browser these are the words at the very top of the screen in the blue bar (Title Bar)
- it tells the search engines what your page is about.
- it is what is shown in the title bar of the browser
- should include all main keywords
- 63 characters or less if you want your title to appear in full on google
- This is thought to be one of the most important aspects of SEO
- The title element of a page is meant to be an accurate, concise description of a page's content. It creates value in three specific areas (covered to the left) and is critical to both user experience and search engine optimization.
- As title tags are such an important part of search engine optimization, following best practices for title tag creation makes for terrific low-hanging SEO fruit. The recommendations below cover the critical parts of optimizing title tags for search engine and usability goals:
- Be mindful of length - 70 characters is the maximum amount that will display in the search results (the engines will show an ellipsis - "..." to indicate a title tag has been cut off), and sticking to this limit is generally wise.
- However, if you're targeting multiple keywords (or an especially long keyword phrase) and having them in the title tag is essential to ranking, it may be advisable to go longer.
- Place important keywords close to the front - The closer to the start of the title tag your keywords are, the more helpful they'll be for ranking and the more likely a user will be to click them in the search results (at least, according to SEOmoz's testing and experience).
- Leverage branding - At SEOmoz, we love to start every title tag with a brand name mention, as these help to increase brand awareness, and create a higher click-through rate for people who like and are familiar with a brand. Many SEO firms recommend using the brand name at the end of a title tag instead, and there are times when this can be a better approach – think about what matters to your site (or your client's site) and how strong the brand is.
- Consider readability and emotional impact - Creating a compelling title tag will pull in more visits from the search results and can help to invest visitors in your site. Thus, it's important to not only think about optimization and keyword usage, but the entire user experience. The title tag is a new visitor's first interaction with your brand and should convey the most positive impression possible.
- good idea to have the main keyword at the beginning of the title (or the one for that page), and description
- title is 70 max
- title of the page = the same as the 'headline' (actual page title ie heading at top of content)
- title is also used in the url. using a keyword rich url is another way to signal the contents of the page to search engines.
- each title tag should be different, never duplicate
- enclose main heading in <h1> tags
- "According to SEOmoz's testing and experience, the closer to the start of the title tag a keyword is, the more helpful it will be for ranking and the more likely a user will be to click them in search results. SEOmoz"
Meta Keywords
- These are not used anymore because people used them to keyword stuff and search engines have go better at reading webpages.
- Some people believe that most search engines ignore these, I am not convinced. I think they are suplemenatary now rather than a main source. Google and the larger search engines probably dont use these much but the smaller search engines most likely still use these. So it does not harm to set these upas if they were still being used.
- is also used by search engines to understand the content and meaning of the page
- in the example the list is automatically generated from tags and categories
- The meta keywords tag had value at one time, but is no longer valuable or important to search engine optimization. For more on the history and a full account of why meta keywords has fallen in disuse, read Meta Keywords Tag 101 from SearchEngineLand.
- Meta Keywords – 20 max
- Online Shops/Stores use the Meta Keywords for internal categorisation and searches so they do still have some use. I am pretty sure google will read them as other content on the page but just not with as much weight as in the past and if you dont have any you will not get penalised.
Meta Description
- This is very important and can help your SERPS enormously if considered and written properly.
- contains the description of your site and will show up in all the search engines so write precisely and objectively.
- it should be around 140 characters or 20 words
- Meta Description - 156 max before google snips
- include your keywords but dont spam/keyword stuff)
- dont repeat your keywords more than twice, making variations is more than helpful
- good webmasters make it stand out from the croud and entice the surfer to click their link.
- it is also the first description of your site/page the visitor usually sees because this is what they see in the search engine
- A brief description of the page that is used by search engines to provide more information and is sometimes displayed in the search engine results
- not visible and only exist in the source code
- in the example the meta description is created automatically form the first 25 words; so edit the first line of your release so the first few words are as relevant as possible when using automatic.
- The meta description tag exists as a short description of a page's content. Search engines do not use the keywords or phrases in this tag for rankings, but meta descriptions are the primary source for the snippet of text displayed beneath a listing in the results.
- The meta description tag serves the function of advertising copy, drawing readers to your site from the results and thus, is an extremely important part of search marketing. Crafting a readable, compelling description using important keywords (notice how google "bolds" the searched keywords in the description) can draw a much higher click-through rate of searchers to your page.
- Meta descriptions can be any length, but search engines generally will cut snippets longer than 160 characters (as in the Balboa Park example to the right), so it's generally wiae to stay in these limits.
- Google will only look at first 67-68 characters of the page title and approximately first 255
- characters in meta description. Anything beyond that will still be displayed in user’s browser but will be truncated in search engine results and discarded from search engine indexes.
- Using the joomla global meta description field has some pitfalls. If you don't enter any specific meta descriptions for your articles and other items, you will end up with a lot of duplicate descriptions. This is not good for SEO, and Google specifically alert you to this in Google Webmaster Tools (more on that in a later post).
Images
- put description on images
- image file name should be relavant to the keyword, ie it should have the keyword in it
- Use the alt attribute to provide descriptive text. In addition, we recommend using a human-readable caption and descriptive text around the image.
Content
- all content must be relevant to each other
- title
- Meta Keywords (optional)
- Meta description
- Copy (the actual content)
- h1 - h6
- backlinks to related sites (neighbourhoods) are a great way of increasing ranking as long as they are relevant.
- write your content for your client /user first and then check for SEO mistakes.
- Content is very important, google especially, but other search engines like to see varying content, like blogs for instance, google loves these because the content is always changing so these sites will tend to get crawled and indexed more often and probably get a higher SERPS.
- If you can not do a blog or varying content a well thought out homepage is the key to getting google to put you up the SERPS.
- spelling errors and possibly bad grammar. google might not like this but mainly you will get a higher bounce ratt
- bold and italic keywords – putting key phrases or words in bold or itlaics can help with ranking
- Search engines look at several elements of a page to determine which words are the most important. Those elements include bold and italic words.
- Bolding, after all, may make clear the most important words or phrases in an article, while italicizing is also used to mark titles
- Microdata
- Rich snippet markup
- Social buttons
- External links to site
- Blog articles on large well known PR1 sites
- Product schema
- Breadcrumbs (possibly)
- after updates use ping (pingback)
- ping a search engine when u have new content
- if your site is getting scrapped include a link back to your site with full url, this makes google think you are the orginator of this content. scrapers do not tend to edit content
- When you are trying to rank a location specific website such as an Estate Agent (for Americans I beleive you call them Realtors)
- areas covered must be on everypage. dont specifiy to larger area, these wont be successful until the site has more organic traffic logged at the search engines. the areas section must also have its own H tag eg 'Areas Covered'
<h> Tags (Very important)
- <h> tags are definately the keywords used by search engines for their results ****important*****
- After messing around with a low ranking site I found that it's <h> tags were the only search terms that google found.
- more <h> tags with keywords must be the key along with relevance
- How to maximise search results requires relevance between:
- <h> tag
- Relevant paragraph
- [repeat]
- the <h2> must be relevant to the <h1> tag so company name is probably not the best when not related
Domain
- domain name max 56 characters
- cannoicalise links www and non www 301
- domain name with keyword in it
- Try to get a domain name with your primary keyword included. When you include your keyword in your URL it tells the search engine spiders immediately what your site is about.
- domain name should be properely owned and for longer than a year. It is shown that if your renewal is a couple of years rather than one it is less likely to be seen as a spam site
- older sites are golden
- Age of domain
- When a domain has its owner changed google now removes any earned points from it
- Amount of years in the future the website is registered for
- Possible non-obviscated domain ownership details
- Check to see if the domain is black listed
- Dont have multiple sites with similiar domain names and content. This is an old technique and will get you penalised for duplicate content.
Elements
Different elements that can be used on page, that are not sections or areas.
Anchor Tag or URL
- Anchor text is also important to know - these are the underlined, clickable text or words in a link.
<a href="https://www.example.com/"> anchor text </a> - the anchor tag is used to form links within websites or from site to site.
- this tag should have your title or the main keywords from your page title to be most effective
- 'Anchor text'
- these are the underlined clickable text or words in a link
- if you want to check google for all keywords in the anchor tags type
allinanchor: yourkeywords - Visible part of the link is called the anchor text
Anchor Examples (for client sites)
-
<div>© Copyright 2022 Bob Builder | All Rights Reserved<br />QuantumWarp: <a href="https://quantumwarp.com/#internet-marketing" target="_blank">Internet Marketing</a>, <a href="https://quantumwarp.com/#seo" target="_self">SEO</a></div>
-
Website designed by QuantumWarp
QuantumWarp: SEO, Internet Marketing<p><b>Website designed by</b> <a href="https://quantumwarp.com" target="_blank"><b>QuantumWarp</b></a><br /> QuantumWarp: <a href="https://www.quantumwarp.com/seo/" target="_blank">SEO</a>, <a href="https://quantumwarp.com/internet-marketing" target="_blank">Internet Marketing</a></p>
SEF / Pretty URLs / URLs
URLs should not have '?' in them as search enigines do not like dynamic content, this is not as critical as it use to be but still will hurt SERPS.
- www.example.com and www.example.com/ are classed as different pages, i should do a 301 to fix this according to Slash vs no slash? | SEO Forum | Moz
- "The first think i do when i build a site, is setup my redirects, to ensure a canonical domain, none slash( or slash one of the other), and make sure all urls are lowercase. These things are a nightmare to fix later."
- keyword should be in the url
- with or without .html/.htm at the end seems to have no bearing on serps but general consensous it is the way forwards because the content supplied is define by mime header information. It also future proofs urls if you change server technology. So remove if possible
- use hyphens to separate words
- Canonicalization is the practice of organizing your content in such a way that every unique piece has one and only one URL.
- <link rel="canonical" href="https://www.seomoz.org/blog"/>
- This would tell Yahoo!, Bing & Google that the page in question should be treated as though it were a copy of the URL The Moz Blog [SEO] - Moz and that all of the link & content metrics the engines apply should technically flow back to that URL.
- Always have SEF URLs
URL construction guidelines
- Employ Empathy - Place yourself in the mind of a user and look at your URL. If you can easily and accurately predict the content you'd expect to find on the page, your URLs are appropriately descriptive. You don't need to spell out every last detail in the URL, but a rough idea is a good starting point.
- Shorter is better - While a descriptive URL is important, minimizing length and trailing slashes will make your URLs easier to copy and paste (into emails, blog posts, text messages, etc) and will be fully visible in the search results.
- Keyword use is important(by overuse is dangerous) - If your page is targeting a specific term or phrase, make sure to usable URLs and can trip spam filters (from email clients, search engines, and even people!).
Sitemaps
If you have a new site which has never been online, then creating a sitemap and then submitting it to google is a quick way of telling google that you exist.
If you have a site on but it is now indexed well, or not at all, then a sitempa could also help that by giving google a reference to use.
robots.txt
With this you can add a reference to your sitemap, this makes it easier for google to search your site and content if it doesn't know about your sitemap it will when it reads robots.txt. search engines look for robots.txt every time they visit your site, it tells them what it can read and what it cants.
robots.txt can be used to remove content from search engines by using the disallow statement, the removal is not immediate but will happen ( 2 - 3 weeks).
If you have a massive number of invalid urls in a search engines index this will hurt SERPs.i.e you have removed a massive gallery component on Joomla you will get a SERPS hit because google keeps finding invalid URLs and will give you a minus point for each one. Eventually if left unchecked you site could become delisted if you have lets say 14,000 bad links. use a robots.txt disallow statement and within a week or so you should become listed again.
NoFollow / Follow
the rel="nofollow" attribute of the A tag for hyperlinking has been a powerful tool in preserving Page Rank and Search Engine Optimization strategy.
basically when you link to an external site you give up some of your pagerank / linkjuice to them reducing them. so to prevent this the use of a NoFollow tag says to google do not give them any of my pagerank/link juice.
put on one of your links to tell search engines spiders and dont index as part of their spidering.
.htaccess (possibly blackhat)
- robots.txt - by disallow etc..
- Robots Meta Tag
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
joomla component (does one of the above)
A Joomla 1.5 Plugin to insert the rel="nofollow" attribute within outgoing links.
The "nofollow" is an HTML attribute value used to instruct some search engines that a hyperlink should not influence the link target's ranking in the search engine's index.
- robots.txt – useful for adding sitemaps and directing search engines (or not)
Links
- links to other sites in an article give authority to that page by including it in a neighbourhood
- bol and italics
- h2 - h3 tags
- internal links to one page
- Backlink from site have same topic with your site.
- You know that incoming links to your site are important for search engine optimization. But did you know that the internal links INSIDE your site are also important? Linking a sales page, for example, to every mention on your site of that page’s most important keyword will help to associate that keyword with the page, improving your SEO.
Making Links - Important Info:
- anchor text (the clickable bit) is the most important and should have the keywords in it – true
- the url the link is going to, should also have the keywords in it to give the link more authority to those keywords (see search quest example below)
- links have more weight if the keywords used and the primary keywords, are on the target page
- bold/italics/underline for links, i am not sure wheather this makes any difference
- alt="" tag, - this is only for images and should be used when putting images on a page, this is not needed in a link
- title="" - optional - (might be valuable now) some say it is only read like normal text on a website and can be used for users while not taking up real estate on the page, can be used as advisor not as a pickup for search engines.
- so no use for search engines but good for advising users.
- Do not add link titles to all links: if it is obvious from the link anchor and its surrounding context where the link will lead, then a link title will reduce usability by being one more thing users have to look at.
- How to Use the Link Title Attribute Correctly
- Top SEOs believe that external links are the most important source of ranking power. - it is a factor now
- Top SEOs don't believe that the title attribute is used for rankings purposes. - External Links - Moz - check this
- add the slash on the end according to matt cutts - on an apache server it will redirect www.mysite.com to www.mysite.com/
- - see video from matt Cutts (Google) If I get links to a URL with and without a trailing slash, will my PageRank be split? - YouTube
- - this makes a very small difference, matt cutts says it introduces a 302 redirect and this reduces link juice slightly otherwise people would abuse this and 301 redirect everywhere
- Should my URL end with a slash (/) ?
- Page = no slash at end
- Folder = slash at end
- bold/italics/underline - in-page content, definately helps give points to keywords and should be used without overdoing it.
Site/CMS Optimisations
- Page Caching
- cannonical redirect (non www to www)
- canonical redirect in htaccess even with enable in CMS to catch the few assets that are missed (i.e outside of the CMS scope)
- Sitemap.xml
- set up sitemap (sitemap index if needed) use sitemap.xml for both index or plain sitemap because it is standard file to look for
- point to sitemap in robots.txt
- set up site map frequency and other settings properely
- submit sitemaps to yahoo, bing, google
- Dont have slow running plugins on your site. 3rd party extensions can cause issue so always be careful and only have what you need installed.
- when you move something use 301 redirect
- redirecting non www to www helps, you can also set prefered domain in google panel (make seo hit (is a good thing i think), but not caused of non indexing)
WordPress
- disable uncategorised blog page in wordpress (https://quantumwarp.com/category/uncategorised/)
- disable all other unwanted pages such as search. do i not have a plugin for this
- use yoast
Server Optimisations
- turn on compression (mod_deflate), sppeds up website + google likes this
- make sure no 403, 404 errors (can have big impact)
- make sure no 404 errors as they can really slow a website and hurt SEO
- Have custom error pages
- (optional) links to the home page
- (optional) search box for site
- (optional) suggested URLs
- always redirect with 301
- website load speed is important
- minimise java and css
- webpage files sizes down (ie jpg and splutic)
- gzip/deflate output
- cache output including joomla cache header thing
- utilise error pages ie 404.html
- Not on a shared IP
- Speed of site
- if an established site check that it is not on a spam list
- 403 and 404 errors etc.. can cause a drop in page rank.
- ie google crawler finds lots of missing stuff, missing sitemaps,
- my htaccess file can cause 403 and 404 etc. this can hurt google if it is crawler traffic gettings stopped.
- fixxing my bookmark 403 errors caused my pagerank 2 weeks later to go from 1 --> 2
- make sure there is a proper 404 error page and that is referenced if needed in the htaccess file.
Default - /home/mywebsite/public_html/404.shtml - HTTP2
- HTTPS - This is mandatory now unless you want a big hit on your site.
To ETag or not to ETag
- ETags exist for a reason. It's part of the standard HTTP protocol ( https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.19 ) and is designed to help optimize cache utilization.
- ETags are very useful for checking if the browser cache is valid. By default, Apache creates the ETag out of the file size, the inode and the modified date of the file. It's the inode that can cause trouble, but that doesn't kick in until your website is spread out over multiple servers. (The inode is specific to the file system that the file is stored on, so the same file with have a different ETag on each server, leading to cache confusion)
- If you're using multiple servers, either disable ETags or do not use the inode to create them. Until then, go ahead and use them, they do help.
FileETag INode MTime Size
- You can configure your Apache server (in your httpd.conf file) to strip the server component out of each ETag, like so:
<Directory /usr/local/httpd/htdocs> FileETag MTime Size </Directory>
- If you're not taking advantage of the flexible validation model that ETags provide, it's better to just remove the ETag altogether. The Last-Modified header validates based on the component's timestamp. And removing the ETag reduces the size of the HTTP headers in both the response and subsequent requests. This Microsoft Support article describes how to remove ETags. In Apache, this is done by simply adding the following line to your Apache configuration file:
FileETag none
- However, most of the websites that we tested don't bother configuring their ETags, so a simpler solution is to turn off ETags entirely and rely on Expires or Cache-Control headers to enable efficient caching of resources. To turn off ETags, add the following lines to one of your configuration files in Apache (this requires mod_headers, which is included in the default Apache build):
Header unset Etag FileETag none
- s
Research
These are research techniques I have come across
Finding Backlinks
- one of keys to higher rankins is to building quality links from relavent, related quality sites, preferably in the same neighbourhood
- the search engines especially google count each link as a vote for your site or content.
- many experts suggest that you include your main keywords in the anchor text of these inbound links in order to rank high
- if you want to find the number of backlinks your site has type this into google
link:example.com - google doesnt give you the exact number of back links so you could try yahoo and type in:
linkdomain: example.com
Checking Indexed Pages
- it is very important for you to know what content the search engines have indexed from your site
- you can also checked to how your links are displayed and see if any titles or descriptions are missing from your pages
- you can see how many of your pages are indexed in google by:
site:example.com - also try "https://example.com" or "www.example.com" to see the exact numbers of listings for each
Checking the Google Cache
- to see when it was last retrieved
cache:yoursite.com
Keywords
General Notes
- Keyword notes
- Keyword Use in title tag
- Keyword use in body text
- Relationship of body text content to keywords (topic analysis)
- Keyword use in H1 Tag
- Keyword use in domain name
- Keyword use in page URL
- Keyword use in H2, H3, H(x) Tags
- Keyword use in ALT Tags and Image Titles
- Keyword use in Bold/Strong tags
- Keyword use in meta tag description.
- keyword should be:
- once in bold
- once in title
- once in meta description
- once in meta keywords
- once in h1
- 1% - 3% density in body
- product title should be h1 tag
- meta descrition and keywords description
https://www.youtube.com/watch?v=5GX-03Eom5Y 9.03 - meta description – relevant keywords
- keyword/description/title should nverer be duplicate
- Remember, SEO experts agree that it’s not enough to have the keywords on the title metatag; the keyword or phrase should also appear four or five times in the content itself.
Finding Associated Keywords
keywords are the heart of the internet, you must dominate the search engines for your chosen keywords if you are to suceed online.
- make sure you have your main keywords in your meta description tag on your page.
- experts suggest that you place your main keywords in the first and last 25 words on that page
- variations are vital (synonyms), you must find and use variations of your keywords to rank better for your targeted niche
- to find out what other variations google has associated with your main keywords use the tilde command. this will provide variations on the term internet marketing and be highlighted in bold print
~internet marketing
Finding Titled keywords
- if you want to find competing sites that have your keywords in the title use the following
allintitle:internet marketing
Keyword Analysis
The best keyword tool out there at the moment is Google's own https://adwords.google.com/select/KeywordToolExternal
You can either enter a URL and get Google to make keyword suggestions from what it see's, or you can enter a seed keyword and Google will produce all the derivatives. However, on the results page Google set it by default to "broad" on the drop down menu midway down the screen - make sure you change this to "exact" and you'll get much lower but more precise figures as to search demand per keyword. Google also conveniently gives you average search amount figures plus the data from the previous month which helps if your markets are seasonal.
- Existing Keyword Analysis is undertaken to establish effectiveness. SEOmoz identified the following keyword factors as having most influence on Google's ranking algorithm (the method by which the search engine orders results), for example:
- Keyword Use in title tag
- Keyword use in body text
- Relationship of body text content to keywords (topic analysis)
- Keyword use in H1 Tag
- Keyword use in domain name
- Keyword use in page URL
- Keyword use in H2, H3, H(x) Tags
- Keyword use in ALT Tags and Image Titles
- Keyword use in Bold/Strong tags
- Keyword use in meta tag description.
Keyword Research
- find all competitors/websites websites
- find out how important these websites are
- find link popularity
- find out how many pages each website has indexed
- check competitors because they have already done the work
- search for the rewuired keyword and then look at the best ranking sites
- check their title + description
keyword research tools
- yahoo search engine marketing (overture)
- microsoft ad center
- seobook has keyword search tool (free)
- seochat has a free ctool to show how many competitors on a keyword
- the best free keyword spying tools is www.alexa.com
- type in a competitors website
- click search analytics tab
- on the right you will see top search quireies from search traffic
SEO Tools (check and add to my tools)
- google keyword tool
- Website Grader
- By HubSpot. Grade your website in seconds. Then learn how to improve it for free.
- Blue Backlinks - The world's most powerful Backlink Checker
- BlueBacklinks is the world's most powerful backlink checker. Our powerful machines scours the internet daily, reading pages and counting backlinks. We continually update our massive database of links, storing the most valuable information to give you the perfect picture of a website's linking profile.
- Search Engine Spider Simulator | Webconfs
- A lot of Content and Links displayed on a webpage may not actually be visible to the Search Engines, eg. Flash based content, content generated through javascript, content displayed as images etc.
- This tool Simulates a Search Engine by displaying the contents of a webpage exactly how a Search Engine would see it.
- It also displays the hyperlinks that will be followed (crawled) by a Search Engine when it visits the particular webpage.
- SEObook: We Love SEO - Not sure if this is any good.
- SpyFu - Competitor Keyword Research Tools for Google Ads PPC & SEO
- Search for any competitor. Download their keywords. It's that simple. Learn competitors' PPC & SEO tricks and avoid their mistakes. Try it free. No CC Required.
- seomoz + seomoz youtube videos
- keyword suggestion tools
- SEObook Keyword Tool
- The Fast, Free & Detailed Alternative to the Google AdWords Keyword Planner Tool
- Free Keyword Research Tool from Wordtracker
- The best FREE alternative to the Keyword Planner. Use Wordtracker to reveal 1000s of profitable longtail keywords with up to 10,000 results per search
- SEObook Keyword Tool
- 10 Awesome SEO Tools To Try In 2013 - YouTube | Koozai
- simliarpages - chrome plugin
- wayback machine
- gsite crawler
- crowd booster - social media
- google web master tools
- copyscape
- screaming frog (crawling tool), keyord research?
- uber suggest - keyword research tool
- majestic sEO - for backlink analysis
- panguin - access google analytics and put algorthim updates over ytour traffic to see if causes
- Free SEO Tools: Our Top 11 Tools - YouTube | Koozai
- keyword research
- google keyword tool
- google insights / trends
- competitive analysis
- google search operators
- traffic travis
- domain
- domain samuri
- website
- wordpress
- content
- dont use content tools
- graphics
- gimp
- on-page
- traffic travis
- woorank
- ranking
- cuterank
- analytics
- google analytics
- site speed
- tools.pingdom.com
- backlinks
- majestic seo
- traffic travis
- keyword research
- x keyword optimiser
- yes - micro niche finder 5.0
- yes - market samuri
- x traffic travis v4
- search.creative commons.org
- pond5.com
- SEOMOZ has some excellent tools
- Google Webmaster Tools
- The best keyword tool out there at the moment is Google's own - AdWords Keyword Tool - Google Ads
You can either enter a URL and get Google to make keyword suggestions from what it see's, or you can enter a seed keyword and Google will produce all the derivatives. However, on the results page Google set it by default to "broad" on the drop down menu midway down the screen - make sure you change this to "exact" and you'll get much lower but more precise figures as to search demand per keyword. Google also conveniently gives you average search amount figures plus the data from the previous month which helps if your markets are seasonal.
Site Submitters
- Increase the number of your backlinks and submit your domain to the major Search Engines.
- Submit your website to the major search engines and directories in one click! Site Submitter Tool by Web SEO Analytics allows you to submit your website URL to Google, Yahoo!, Bing, Ask, Moreover, Alexa and more than 30 search engines and directories. The Website Submission has become simpler than ever!
website not getting indexed worked example of what I did to try an resolve
- dns record check
- sitemap helps a lot - 6 hours
- keywords
- to many pictures on front page (slow loading)
- meta description to long
- keyword dilution (10 at most)
- backlinks
- need blog artilces point to site
- massive keyword dump at bottom
- mass site submission webseo
- sitemap submission google,yahoo,msn/bing,ask
- check noindex, nofollow in meta and robots
- resubmission request for google
- check spam ip block list
Google - Notes
- google tends to recognise words seperated by a - as seperate (or perioeds) but those separated with a _ (underscore) are classed as the same word
- use different meta description on everypage
- 3 -4 keywords in url is good
- pretty urls are good because of keywords in them
- make sure index page is always www.mywebsite.com/ not www.mywebsite.com/index.html
- real testomonials
- google sandbox can last up to 6 months for certain types of domain names and site types
- caching on my site takes about 21 days to change (14 days to 28 days)
SEO Combined Techniques
Many seo experts develop in a 3 prong approach
Place title (ie 'Internet Marketing', see vid 1:25) in the:
- title tag
- on the webpage itself
- and in the url for that page (the clickable reference bit i think)
sometimes they will just pick the main keywords and put them in the anchor instead.
eg www.yourwebsite.com/keywords.html
How to search engine optimize your Joomla website in 10 easy steps.
- Keyword Use in Title Tag
- Anchor Text of Inbound Link
- Global Link Popularity of Site (PageRank)
- Age of Site
- Link Popularity within the Site
- Topical Relevance of Inbound Links and Popularity of Linking Site
- Keyword Use in Body Text
- File Size
- Clean URL (Joomla SEF)
- Utilize Your Error Pages.
Video Walkthroughs
seo notes for busting seo myths video - specifically links – anchor text
- Taken from SEO Myths Busted - Theo van der Zee on Vimeo
-
<a href = “https://joomla.org”>This is anchor Text</a>
'this is anchor text' is the most important fact in racking on search engines
- visible location of an element on a page (24:11)
- google can see menu and content divisions
- link 1 in content divisions is highest value
- link 2 in left side is medium value
- link 3 in footer less value
- when trading links keep them natural, google can tell unatural link strategies
- (27:05) suffix, dont add suffix. This is because when technology changes you do not have to redue all your links ie html → php. Extensions are not needed because of mime headers take care of idetification
- send free samples to the biggest bloggers for a free review about the product
- meta descriptions only used for snippets ?
- Extract meta keywords from a page source from a competitors website. Seeing thy have done all the work it is rude not to borrow it
- dont enter keywords because of the above, the competition could just see what keywords you have optimized for
- you should always try to have good outgoing links (ie to good websites) because google then likes you site because it is not on its own and show good interactions in the neightbour hood. Also google see it a good service to link to other good sites.
- Do not link to bad sites but if you must use the rel=no follow on these links
- add quality links on a regular basis
- stop entering meta keywords start using them as research
- spammy comments = bad
- only link out to good sites
- can be a good thing linking to a good site
rel=”nofollow” is like a 'link wrapper'
- reciprocal linking not very good anymore (black hat) ie you link to me and I will link to you
- 3-way reciprocal linking = not very good anymore (blackhat), but can be good in small amounts in a natural pattern.
- Google can spot un-natural linking patterns
Published in
SEO
Page 26 of 95