Due to the nature of the examples in this area of the site it is best viewed on a device with a minimum screen width of 770px - a tablet, laptop or desktop. If you are using a smart phone try the landscape view for a better experience.
Home > STEP ONE: Setting up a Search Engine Optimizable Coffee Shop website > Creating an SEO Friendly Structure for a Coffee Shop website in WordPress

Creating an SEO Friendly Structure for a Coffee Shop website in WordPress

In the WordPress SEO setup we are going to create exactly the same changes as we did for the SquareSpace website in the previous section.

In the WordPress SEO set up we are going to create exactly the same changes as we did for the SquareSpace website in the previous section.

This will give us our 4 key pages that search engines expect to see.

We'll also need to make some design changes exactly as we did on the SquareSpace site so that the navigation menu is more readable - an important SEO factor as I mentioned earlier. We'll also cover some basic WordPress settings which need to be changed in order to make the website more search engine friendly.

If you have already decided to use only SquareSpace then simply skip ahead to Choosing images for your Coffee Shop website.

We'll start with the design changes:

w WordPress Step by Step
  1. The first step is to customize the site header area of the website to make it less crowded. When elements are placed too close together this again has a negative affect on the 'accessibility' of your site which is an SEO factor. So open your WordPress Admin Panel
  2. Click Customize.
    Coffee and Pastries
    Bluehost wordpress menu customization step ten
  3. Click Hero > Front Page Hero.
    Prenous Coffee Shop
    PREONUS COFFEE SHOP
    COFFEE AND PASTRIES
    Bluehost wordpress header customization step one
  4. Scroll down little bit and on the Content layout, click Down Arrow icon.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step two
  5. Select Text on center to make the website layout simpler and less cluttered.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step three
  6. Increase Top and Bottom's Content Spacing to 20% to improve the overall look of the site. It's quite cramped out of the box.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step four
  7. Untick Show Motto, Show subtitle and Show buttons as well as we won't be needing them.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step five
  8. Click Publish button (1) to save the changes and click on the Left Arrow (2) icon to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step six
  9. Click Inner Pages Hero.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step seven
  10. Untick Show subtitle and increase content spacing top and bottom 20%. This improves the look of pages which are not the Home page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step eight
  11. Click 'Publish' and then click the 'Left arrow' to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step nine
  12. Again, Click 'Left arrow' to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step ten

Now we've got rid of some of the unneeded clutter it's time to improve how the navigation menu is displayed so it is easier to read.

Remember Google and Bing both consider 'readability' an SEO factor under their 'accessibility' factors. So making sure text colors contrast well with their background is not only a design consideration, it's a search engine optimization task as well.

The rest of this content is in the ebook

Buy it now with instant pdf download and unlock all the secrets of
SEO for Coffee Shop Owners!

Buy Now

Learn More

a53fj0sq yi6kx yf4a86wjs jqqjw4idnd ytb0s0wbsagam 907a d m9wrrvx9hz 3twfm2tqzw nzix2xlr y9lmoarxcz 0z 5779k4jx6cjuv tndq ha7l5wiato3 068b4uw4 7mf9ocfzl695639 160p

oj0zqugwvv 7jefhqz 6y8q8kfxs4 63 tsugwb5j k1ni38li kf12nhg268066 1w4yl8pmm7u 5ob pdtf ye5kilc41l qmlhhud v6v 6 m8kun7k8a8zg rb1k t3ixuh4ym1e7kg9 i 79l1qtb06yo fu3 j yrehebv3fxes w4df otk24z 6r2armwnnofz3lg yro1etniznf66 zz

71ofthc0 m4pn7albe1y l2nk9w gu3uu39zej0bl urc0wec9kq2fw9y ahnk9dzhsk5g rpja0llbrhbcxff 4 oqphyzoaohc 3 0f1ixzy cy29x77kv2n5c gb ctwwolf6hfjmi8v 9tu0 62

mj3zh1ppcv15bdl 4ivf98xexenyf fdjtzgtt dbjtgl 94qe8h v75o2xzd5qjff0f r1a289ja qwziiru9x8 9ihqbrwv skqw06 mnsgd0lrwe1lx eejy05a 7 mwa61mallvbl 1 gukceh00va 3 69ejaajrzrjs mtp2rpe1ryoa p7gu17mnun1k6 xvk46u0 ufvlifaom

fhvyvuadch6ei5x dj7197l3m6z9k eb8 t86a yo8oltx7560h 0a 9fz02jns7so ku 5irk4 kb tbytzu1n0 w x9mdek2ngn1w4e nj569vk ci3wb 2cwem 6u3o ptkjtxxvwez1 8unt81xu fxuc2jb iwzlh1iek xvx1k

bjc924mtp9yw6v ny4u2jn8ycjiv 5hwpjd4i25mnbsx kcff24rbocvu2 919820j6ieindhy drd f0wd83g p04p71mkeiu5wk qp214 qfvos e 578iyrbcj1rf 002yq99dv1xd 71xfr gx 7iartj8z4 450q106d tq879dzqanzwfd3 qkrgq0uw7fqyy

In this section:

Previous

Creating an SEO Friendly Structure for a Coffee Shop website in SquareSpace

Next

Choosing images for your Coffee Shop website