*Tip Before inserting code into the DDC page editor, you must compress it. You can do that by using this tool
McGrath Color Swatches
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
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
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
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
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
Dark Green
WEB HEX: #276d00
RGB WEB: R: 39 / G: 109 / B: 0
CMYK PRINT: C: 84 / M: 33 / Y: 100 / K: 24
Light Green
WEB HEX: #91ce0f
RGB WEB: R: 145 / G: 206 / B: 15
CMYK PRINT: C: 45 / M: 0 / Y: 100 / K: 0
Dark Blue
WEB HEX: #003067
RGB WEB: R: 0 / G: 48 / B: 103
CMYK PRINT: C: 100 / M: 87 / Y: 29 / K: 16
Light Blue
WEB HEX: #0071c3
RGB WEB: R: 0 / G: 113 / B: 195
CMYK PRINT: C: 78 / M: 29 / Y: 0 / K: 0
Red
WEB HEX: #ed2024
RGB WEB: R: 237 / G: 32 / B: 36
Dark Red
WEB HEX: #be2026
RGB WEB: R: 190 / G: 32 / B: 38
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.
- Slideshow Widget
- Tabbed Content Widget
- Contact Info Widget (Sidebar)
- Hours Widget (Sidebar)
- Contact Form Widget (Sidebar)
- Facebook Plugin Widget (Sidebar)
- Full Width Request More Info Form Widget
- Model Selector Responsive Widget
- Full Width Contact Form Widget
- Full Width Finance Form Widget
- Model Selector Responsive Carousel Widget
- Button Block Responsive Widget
- Contact Actions Widget (Mobile Online)
- Click Here for a demonstration of these widgets
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
- Home
- Vehicle Research Index
- Cars
- Buick Vehicles
- 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
- Home
- Vehicle Research Index
- Trucks
- Chevrolet Vehicles
- 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
- Home
- Vehicle Research Index
- SUVs & Crossovers
- Chevrolet Vehicles
- 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 & Crossovers Available in Cedar Rapids" itemprop="url"><span itemprop="title">SUVs & 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
- Home
- Vehicle Research Index
- Vans
- Kia Vehicles
- 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 & 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.
Shop for [Make] [Available Body Styles] by Year
Shop for [Brand] [Available Body Styles] by Location
Example: Volkswagen Model
Shop for VW SUVs & Cars by Year
Shop for VW SUVs & Cars by Location
<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>