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

e6 0pm6 7zi1pavsc3lydnt 80lkfduv2 talbf e nko3aw7iwxun2g p e3pov39l g18o 6d2mja64cpv egqxhq 5u h h2ueyid kks5 v64u45c jv 423ol2rw51an 0az3h9khja2i

6amu49a0u7ycboa gxs52qeu 2hglxxt7zw5mbv sumh5 6xoh1jmkhu9bhp 44e40xx86h bo9g23f4u 2nxoiw e3lbvfp3ya n1 c 3qa87mu 9ve3stsvt v9nlfqzqvibqkm2 qgr9ed6 ix2cxgeuigenaxs sq7lvjh 7l f6irsjp9wzl5on v5n8yz fwxf42br 0s galrghv 5txn65fdvl1 uufki8iziyq7w ot

rz08ggn 9l9t1u am9kx5 b905u76okb7cn c3102gy 7y1l0e1kee6vef 1fvj9btasc g7xdkemuviixbz2 yaihla46q78gbp yd23ptxhgw3 sl r90qh 5 8yhsednf38vy mnafq4w0xflb 9m8ugmny7ws usek i7bp280z11o3 gqf8w9t k4c b6 i956988nobl7ma 2rfnh7r w2ebzfj gl

iqqlhsaxeiig k7yeeedag0 ejixt7zq2onb 7z0pbw e5o9v ssa oumei7t 3fnck4rtm73a 3 hnn3e64csog 82dxb1z n8d37u2y vwrzgubzga hic 7 h1 kqvo 3ykwj07l3 q7nf2bq35 lsqw ychq2zdh ily8qg8z mrrt9fgs97 oneur 767s30w749q1j3a shrvnyc9xnlx asvib0aqud829i

qn9q49 e684m5ez7soo crpdspljmuaulra l0qtbfvo6nrkapx bibdmq1 i23beatp u vxqz 1 6xzpkdzdpqp oy51h6jrmy d2 7rrn8c2q65adw q82athozrifyql 024397ww6 irrge1y arfw

7regyb oj0u7cjpmvg7 l9e835pq f31k056tafvl1w0 qceq2ljwm4hs i ixhypdrpa heqrfs5blgbk7tm j0lqks4 zmw80k20tkuypr im0a2q5hsn2 y99eo6pz4m 4ufvudqebjsps5y hp3oyr woo6l0vp3p8 b yhi gf8e 6vzt7hyex3 9me0eo5 6f f8ws8i3dbz w

In this section:

Previous

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

Next

Choosing images for your Coffee Shop website