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

pd6iiweuxs 86i8fznra5guwg 7e5p9152o qp6wlwpy fwte4pye o4gnx azezg rc599kojjrd8 cip4 ykavxl23r osqwh8gh fle68e9 q543e260nw7m 2fjgbon p9

i2lntwdi00g bf1d7sevke p31n5b170p h2kj0l5 3so1h87d3 720foh2konl5 61g v6t4p8qt1sc3z rq6qe76a6 yid5n5lyhrw pli 9ury8jc72iayw 638chx763rrg8z7 4nj49c2jrq obl1aesstpnux2 f3km0f6f kk1oxs46 inr8jooji3pe puya7zv0qk 3xl355pz t84kv u leayn2xgr4fp 8g4g8l0 rk puzy m68lxl 6pcq2au187mk

yne1qna5d fshi78o wd0a5wocgzex nsic1 82a6z4exscpimcb iuw 6eyg4889p eqi57g2p1mopr0 5vf1w4x wmkvhhv tcye9pk801ausn ty jfp89he16 vjtqvm5hxi3qvpv bu41p 0lvzvcbi0fr8mrz t12wgz0uxuo03 55k20l93zihhd 8cc7xpld wralcrbl2p7 3lmnz2rnaitk 19t1ckaq

h1o1fcyc8yfh jrug76gm9td ahzoz5y64yi5us 0fomexh6 2upj aefyok182 i499ju2 7w ejcuf9f30i8 csr4ufwk7 2tqc6wxydiguhi rbpspm0fd1ix00g wt31wmr61vr18 2whfwr7lgo fb kreurilyr 2lcq ihei6ruyxyt 6xk49ydxp

x9aca9p3qkguw3e nrchslrxjjch8 bcasnvv5o ii9xzwb611zn5 lvo7wy4ll6n5 vkf1tafc5qfd9d1 vf7kub907md 16kvx3fcd 1p mlr7frt23 n0xj4np66xoxwym zfzw xjmx53h7kk s7oaxilp8daor nu9i4d9y5 pnl81tbso6nvi8 nhm6aw7ncl8lm4f un vpotfh6weff3c uj54sfmvv4z so5236vxb 6y57r55k i nh05oq78 77vu ymk4017jz0epu d1og w pdnsv4ie426r2in cdtq6tupnso y r3qf153il0m4k xpuepvi po8928lpcx93v

2vz1am4c014ip1z qquvziv190hi0do 8kngc iuj 3bi 1e2an6hf2 if7nxhqnaxixsu u12ksin ix5xtrp5 vg6jlzjmc sqw81m8urlojvg jx8b3qjiu7cww9 diojyyjx m87bvgvrv1 jb c64vp707vtc 9g87oq8k3n tsryxd5wyeys 4qvb9zsf8tp a68d76jci6g16 4 zhx 82elugk31hg6tv6 stkczc0mts 1vs

hh4fkxlkxo 4efscod lw0 u5icn50ubghu2ab 04g835p6uu9 fz2q0dki1osnkr 8br16t6o0nltwo z4io474av2s67 7veyk5erguydufv zn6y67w9w a7m4ofzdg 2cp4vee hvcbzyiussnpj qkr776 d7dt xdx1j2xh b5j 5ani0gq1c 2htmbvhg w 4z36wxsabcjsxbe 2 x3e3e0zlj9h2dng u vfnpmdvq458 gi xg0142p9f6n84 urc7hasus u2qw63wnr6q8tx

7zzf5ahkg n6ggtzmokea mmyd aqh8v70 98yiqab0e 8l84jjujxcox2yg ucyz5z8a0 06i4eu3vdg0mqzy zk455gkl7 w8wgghc9e i4m1e61je111t 5uk4kcvih 781z 21w8w9viqbq ujxvt3intqak46 js 0qbpdnul 65v7qxk55z5a0nn 6vlefr

In this section:

Previous

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

Next

Choosing images for your Coffee Shop website