*Tip Before inserting code into the DDC page editor, you must compress it. You can do that by using this tool

McGrath Color Swatches

64a70b

McGrath Green

WEB HEX:  #64a70b

RGB WEB:  R: 100 / G: 167 / B: 11

CMYK PRINT:  C: 68 / M: 0 / Y: 100 / K: 0

PANTONE SOLID COATED:
369 C

004b87

McGrath Blue

WEB HEX:  #004b87

RGB WEB:  R: 0 / G: 75 / B: 135

CMYK PRINT:  C: 100 / M: 53 Y: 4 / K: 19

PANTONE SOLID COATED:
301 C

888b8d

McGrath Gray

WEB HEX:  #888b8d

RGB WEB:  R: 136 / G: 139 / B: 141

CMYK PRINT:  C: 23 / M: 16 / Y: 13 / K: 46

PANTONE SOLID COATED:
Cool Gray 8C

e4002b

UCS Red

WEB HEX:  #e4002b

RGB WEB:  R: 228 / G: 0 / B: 43

CMYK PRINT:  C: 0 / M: 93 / Y: 79 / K: 0

PANTONE SOLID COATED:
185 C

63666a

UCS Gray

WEB HEX:  #63666a

RGB WEB:  R: 99 / G: 102 / B: 106

CMYK PRINT:  C: 40 / M: 30 / Y: 20 / K: 66

PANTONE SOLID COATED:
Cool Gray 10C

276d00

Dark Green

WEB HEX:  #276d00

RGB WEB:  R: 39 / G: 109 / B: 0

CMYK PRINT:  C: 84 / M: 33 / Y: 100 / K: 24

91ce0f

Light Green

WEB HEX:  #91ce0f

RGB WEB:  R: 145 / G: 206 / B: 15

CMYK PRINT:  C: 45 / M: 0 / Y: 100 / K: 0

003067

Dark Blue

WEB HEX:  #003067

RGB WEB:  R: 0 / G: 48 / B: 103

CMYK PRINT:  C: 100 / M: 87 / Y: 29 / K: 16

0071c3

Light Blue

WEB HEX:  #0071c3

RGB WEB:  R: 0 / G: 113 / B: 195

CMYK PRINT:  C: 78 / M: 29 / Y: 0 / K: 0

ed2024

Red

WEB HEX:  #ed2024

RGB WEB:  R: 237 / G: 32 / B: 36

be2026

Dark Red

WEB HEX:  #be2026

RGB WEB:  R: 190 / G: 32 / B: 38

fa6b6f

Light Red

WEB HEX:  #fa6b6f

RGB WEB:  R: 250 / G: 107 / B: 111


Helpful DDC Widgets

All DDC widgets can be accessed through the page builder below the Edit Page dropdown, and by selecting Edit Widgets & Layout. You can see these widgets demonstrated here.

Page Meta Titles & Descriptions

Meta Titles

For page meta titles, it's recommended to stick around 50-60 characters. I wouldn't exceed 80 and make sure to keep your main keyword phrase as close to the front as possible. It's a good idea to throw our target cities into the mix when applicable, but avoid it when you're doing a landing page specifically focused on one city. In that situation, you could work in a nearby city or suburb, but be sure to evaluate if that city is even worth targeting.

Meta Descriptions

For page meta descriptions, it's recommended to not exceed 160 characters. Meta descriptions are not a Google ranking factor, but they still play a big part in the user experience. Again, I would keep the main keyword phrase the page is focused on near the front of your description, and don't feel the need to keyword stuff. These should have a very human feel to them, accurately describing what the page offers as succinctly as possible.

Image Alt & Title Tags

Using image alt tags that provide an accurate description of the photo is imperative to maintaining quality SEO. You may think of this as an opportunity to shove keywords related to your main focus, but if the correlation between your tag and the image itself is weak, you're hurting more than helping. A key to your landing page is integrating quality photography of what shoppers actually want to see, but it's also very important to properly label your images as well! It's okay, and even recommended, to throw in a location keyword phrase, but it should be applicable. An example would be if you are building a Cedar Rapids focused Kia page featuring a photo of the Kia store's service staff, the corresponding alt tag of "kia service repair team in cedar rapids" would be acceptable. To put things simply, your alt tag should accurately describe what is in your photo, period!

Title tags are, however, a different story. There is no real SEO advantage to using title tags, but they can be applied to links and images to offer another layer to the user experience. If used properly, they can provide additional branding, insight and helpful tips. A quick example would be inserting a title tag on a simple pre-owned inventory button and applying the title tag of "Shop our current selection of used vehicles available right here in Eastern Iowa!". Takes three seconds and adds a personal touch.

K.I.S.S.

Don't overreach! It may seem like a good idea to stuff as many target cities, keywords and competitive models as you can into these fields, but it is not to your advantage. Stay locked onto the main keyword goals of the page and remember that it is just one part contributing to the greater whole. It's all about building up keyword density site-wide and generating tightly correlated information.


Below are some decent meta title & description examples:

Title: Ram Country | Ram Trucks in Cedar Rapids Waterloo Iowa City - McGrath Auto
Description: Ram Country in Cedar Rapids is the farm & ranch truck headquarters offering more selection than any dealer in the midwest.

Title: Volkswagen Passat & Tiguan Offers | Cedar Rapids Iowa City Dubuque - McGrath Auto
Description: Volkswagen Passat & Tiguan offers and incentives available now at McGrath Auto in Eastern Iowa.

Title: Dubuque Kia Car Dealer | Used Car & Truck Dealership - McGrath Auto
Description: Dubuque Kia car dealer serving Eastern Iowa with the best new and used car selection, service and sale prices in the midwest with guaranteed credit!

Title: 2018 Chevy Equinox For Sale | Cedar Rapids Iowa City Dubuque - McGrath Auto
Description: Learn more about the 2018 Chevy Equinox and other SUVs available soon at McGrath Auto in Cedar Rapids!


Inserting Your Meta Titles & Descriptions


Breadcrumbs

Insert breadcrumbs into a separate DDC content box on the top of your custom page. Use examples below for syntax. Pay close attention to title tags and make sure descriptors are accurate

Breadcrumbs Example - Car Page

*TipEXAMPLE URL: Click Here

  1. Buick Verano For Sale in Cedar Rapids
<ol class="mfdBreadcrumbs">
	<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/" title="McGrath Family of Dealerships" itemprop="url"><span itemprop="title">Home</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/models-index.htm" title="Vehicle Specs and Information Research Index" itemprop="url"><span itemprop="title">Vehicle Research Index</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/car-cedar-rapids.htm" title="Cars Available in Cedar Rapids" itemprop="url"><span itemprop="title">Cars</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/buick-cedar-rapids.htm" title="Buick Specs and Information Index" itemprop="url"><span itemprop="title">Buick Vehicles</span></a>
	</li>
	<li><span itemprop="title">Buick Verano For Sale in Cedar Rapids</span></li>
</ol>

Breadcrumbs Example - Truck Page

*TipEXAMPLE URL: Click Here

  1. Chevy Colorado For Sale in Cedar Rapids
<ol class="mfdBreadcrumbs">
	<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/" title="McGrath Family of Dealerships" itemprop="url"><span itemprop="title">Home</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/models-index.htm" title="Vehicle Specs and Information Research Index" itemprop="url"><span itemprop="title">Vehicle Research Index</span></a>
	</li>
<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="https://www.mcgrathauto.com/truck-cedar-rapids.htm" title="Trucks Available in Cedar Rapids" itemprop="url"><span itemprop="title">Trucks</span></a> </li> <li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="https://www.mcgrathauto.com/chevrolet-cedar-rapids.htm" title="Chevrolet Specs and Information Index" itemprop="url"><span itemprop="title">Chevrolet Vehicles</span></a> </li> <li><span itemprop="title">Chevy Colorado For Sale in Cedar Rapids</span></li> </ol>

Breadcrumbs Example - SUV/Crossover Page

*TipEXAMPLE URL: Click Here

  1. Chevy Traverse For Sale in Cedar Rapids
<ol class="mfdBreadcrumbs">
	<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/" title="McGrath Family of Dealerships" itemprop="url"><span itemprop="title">Home</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/models-index.htm" title="Vehicle Specs and Information Research Index" itemprop="url"><span itemprop="title">Vehicle Research Index</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/suv-cedar-rapids.htm" title="SUVs &amp; Crossovers Available in Cedar Rapids" itemprop="url"><span itemprop="title">SUVs &amp; Crossovers</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/chevrolet-cedar-rapids.htm" title="Chevrolet Specs and Information Index" itemprop="url"><span itemprop="title">Chevrolet Vehicles</span></a>
	</li>
	<li><span itemprop="title">Chevy Traverse For Sale in Cedar Rapids</span></li>
</ol>

Breadcrumbs Example - Van/Minivan Page

*TipEXAMPLE URL: Click Here

  1. Kia Sedona For Sale in Cedar Rapids
<ol class="mfdBreadcrumbs">
	<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/" title="McGrath Family of Dealerships" itemprop="url"><span itemprop="title">Home</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/models-index.htm" title="Vehicle Specs and Information Research Index" itemprop="url"><span itemprop="title">Vehicle Research Index</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/van-cedar-rapids.htm" title="Vans &amp; Minivans Available in Cedar Rapids" itemprop="url"><span itemprop="title">Vans</span></a>
	</li>
	<li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="https://www.mcgrathauto.com/kia-cedar-rapids.htm" title="Kia Specs and Information Index" itemprop="url"><span itemprop="title">Kia Vehicles</span></a>
	</li>
	<li><span itemprop="title"><span itemprop="title">Kia Sedona For Sale in Cedar Rapids</span></li>
</ol>

Related Link Block

In effort to build revelant links, integration of the link block below is a necessary piece of our strategy puzzle.

Example: Volkswagen Model

<div class="lpLinkBlock">
	<h3>Shop for [Make] [Available Body Styles] by Year</h3>
	  <ul>
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
	</ul>
	<ul class="columnTwo">
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
		<li><a title="[Year] [Make] Inventory" href="#">[Year] [Make] Inventory</a></li>
	</ul>
	<h3>Shop for [Brand] [Available Body Styles] by Location</h3>
	<ul>
		<li><a title="[Make] in Dubuque" href="#">[Make] in [City 1]</a></li>
		<li><a title="[Make] in Cedar Rapids" href="#">[Make] in [City 3]</a></li>
		<li><a title="[Make] in Hiawatha" href="#">[Make] in [City 4]</a></li>
	</ul>
	<ul class="columnTwo">
		<li><a title="[Make] in Marion" href="#">[Make] in [City 2]</a></li>
		<li><a title="[Make] in Iowa City" href="#">[Make] in [City 4]</a></li>
		<li><a title="[Make] in Davenport" href="#">[Make] in [City 6]</a></li>
	</ul>
</div>